只使用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加載頁面的一部分

回答

相關問題