我如何使用jQuery抓取页面内容并在div中呈现它?

时间:2009-04-17 15:14:43

标签: javascript jquery

这是回答这些问题的问题: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);
}

有人可以快速为我写这个功能吗?

3 个答案:

答案 0 :(得分:5)

您可以使用方便的load()功能:

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

回调函数假设message div被隐藏,您只希望在请求完成后显示它。

答案 1 :(得分:1)

请参阅$.ajax()以检索网页并访问内容。 Documentation here

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

答案 2 :(得分:0)

使用JQuery的$ .load()函数(http://docs.jquery.com/Ajax/load):

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