2017-07-17 28 views
-1

這段代碼我已經放在index.php。當我點擊任何鏈接相同的文件通過Ajax調用。從ajax響應我想獲得身體標記的HTML,但在迴應我越來越[對象對象]。請幫助我,我在這裏錯了。jquery ajax不給身體內部html

$(document).on("click", "a", function(e) { 
 

 
    e.preventDefault(); 
 

 
    var linkis = $(this).attr("href"); 
 

 
    $.ajax({ 
 

 
    url: linkis, 
 
    type: "GET", 
 

 
    dataType: "html", 
 

 
    success: function(data) { 
 

 
     var bodyhtml = ($(data).find('body')); 
 

 
    } 
 

 
    }); 
 

 
});
.selected { 
 
    color: red; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<a href="index.php?page=1" class='selected'>1</a> 
 
<a href="index.php?page=2">2</a> 
 
<a href="index.php?page=3">3</a> 
 
<a href="index.php?page=4">4</a>

+0

安置自己的Ajax響應形式控制檯這裏。 –

回答

0

您需要HTML字符串解析出到jQuery對象。

var $ div = $(data);

var bodyEle = $ div.find(「body」);

$(document).on("click","a",function(e){ 
 
\t 
 
\t e.preventDefault(); 
 
\t 
 
\t var linkis = $(this).attr("href"); 
 
\t 
 
\t $.ajax({ 
 
\t \t 
 
\t \t url:linkis, 
 
\t \t type:"GET", 
 
\t \t 
 
\t \t dataType: "html", 
 
\t \t 
 
\t \t success: function(data) 
 
\t \t { 
 
\t \t \t 
 
\t var $body = $(data); 
 
var bodyEle=$body.find("body"); 
 
    
 
\t \t } \t 
 
\t 
 
\t }); 
 
\t 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<head> 
 
<style> 
 
\t .selected 
 
\t { 
 
\t \t color:red; \t 
 
\t } 
 
</style> 
 
</head> 
 

 
<body> 
 

 
<a href="index.php?page=1" class='selected'>1</a> 
 
<a href="index.php?page=2" >2</a> 
 
<a href="index.php?page=3" >3</a> 
 
<a href="index.php?page=4" >4</a> 
 

 

 

 

 
</body> 
 

 
</html>

+0

var bodyhtml = $ .parseHTML(data).find('body'); \t \t \t alert(bodyhtml); – prashant

+0

我已經取代了這個,但它給身體不是一個功能控制檯錯誤 – prashant

+0

嘗試更新的答案 –