ajax调用

时间:2015-10-20 08:11:52

标签: javascript jquery html ajax web-applications

我有一个网页,其中我从服务器获取一些数据。我使用servlet从服务器获取数据。我需要每隔5秒获取一次数据inerval。我在我的脚本中使用了ajax调用,但几次调用后网页变得没有响应。我发现有一件事我在这里再次替换了整个html页面,我怎么能从输出的html内容(这里是page_html)中分离出一个特定的div。我想只替换div

setInterval("update_content();", 5000);

function update_content(){
    $.ajax({
        url: "url", // post it back to itself - use relative path or consistent www. or non-www. to avoid cross domain security issues
        type: "POST",
        async: true,
        cache: false, // be sure not to cache results
    })
    .done(function( page_html ) {
        var newDoc = document.open("text/html", "replace");
        newDoc.write(page_html);
        newDoc.close();         
    });       
}    

1 个答案:

答案 0 :(得分:0)

  

如何从输出html内容(此处为page_html)中分隔特定div。我想只替换div

您只需使用jQuery div方法更改html()的内容。

<div id="yourDivId">
</div>

JS:

function update_content(){
    $.ajax({
        url: "url", // post it back to itself - use relative path or consistent www. or non-www. to avoid cross domain security issues
        type: "POST",
        async: true,
        cache: false, // be sure not to cache results
    })
    .done(function(page_html) {
        $("#yourDivId").html(page_html);
    });       
}    

此方法将使用AJAX加载HTML,然后用加载的数据替换#yourDivId的HTML内容。这就是AJAX通常使用的。