只使用jquery加载页面的一部分

我有一个wordpress网站，并希望使用jquery加载我的页面。我只想加载内容的div，所以我通过这个网址是这样的：只使用jquery加载页面的一部分

var url = $(this).attr('href') + "#content";

现在，当我尝试使用AJAX加载未经＃内容部分的URL加载页面。现在它将整个页面加载到我的div中，而不仅仅是我想要的部分。

或许这是与我的.htaccess：

# BEGIN WordPress 
<IfModule mod_rewrite.c> 
RewriteEngine On 
RewriteBase/
# RewriteRule ^index\.php$ - [L] 
RewriteRule ^(index\.php/?|intro.html)$ - [L] 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule . /index.php [L] 
</IfModule> 

# END WordPress

任何想法？

来源

2012-01-04 Rene Terstegen

的'＃'url的一部分仅用于浏览器，它不会发送到服务器。 – biziclop 2012-01-04 16:37:18

这个问题与之前提到的这个问题非常接近：https://stackoverflow.com/questions/2137811/extract-part-of-html-document-in-jquery – 2017-07-03 05:43:05

您可以使用类似的东西：

$.get(url,function(response){ 
content = $("#content",response); 
$('#newContentHere').append(content); 
});

来源

2012-01-04 17:49:08 kaz

您将不得不使用jquery解析ajax调用返回的数据。

所以，如果你想显示你的页面上的div有的“结果”的ID，你的成功函数看起来是这样的：

success: function(data) { 
    $("content").html($(data).find("results").html()); 
}

来源

2012-01-04 17:44:30 malificent

我认为你需要的哈希之前的空间。

下面是从jQuery文档一个.load（）例如：

$('#b').load('article.html #target');

所以你的情况：

var url = $(this).attr('href') + " #content"; 

$('#containerDiv').load(url);

来源

2012-01-04 17:49:02 Derek

只使用jquery加载页面的一部分

回答

相关问题