我將如何使用jQuery獲取頁面內容並將其呈現在div中？

Question

這是響應thise一個問題：Javascript AJAX function not working in IE?

我需要jQuery來這樣做：

function render_message(id) 
{ 
var xmlHttp; 
    xmlHttp=new XMLHttpRequest(); 
    xmlHttp.onreadystatechange=function() 
    { 
    if(xmlHttp.readyState==4) 
     { 
     document.getElementById('message').innerHTML=xmlHttp.responseText; 
     document.getElementById('message').style.display=''; 
     } 
    } 
    var url="include/javascript/message.php"; 
    url=url+"?q="+id; 
    xmlHttp.open("GET",url,true); 
    xmlHttp.send(null); 
} 

有人可以快速編寫功能給我嗎？

Answer 1

可以使用得心應手load()功能如下：

$('#message').load("include/javascript/message.php", {q: id}, function() { 
    $(this).show(); 
}); 

的回調函數是假設message DIV是隱藏的，你只希望它表明，一旦請求完成。

Answer 2

請參閱$.ajax()來檢索頁面並訪問內容。 Documentation here。

然後使用例如$("#yourElementId").html(myHtmlContent)來替換HTML。 More doc here。

Answer 3

使用jQuery的$ .load（）函數（http://docs.jquery.com/Ajax/load）：這是最有禮貌 「RTFM」

$("#mydiv").load("a/url/here.html");