ajax 调用后网页无响应

Question

我有一个网页，我在其中从服务器获取一些数据。我使用 servlet 从服务器获取数据。我需要每 5 秒 inerval 获取数据。我在脚本中使用了 ajax 调用，但是在几次调用之后，网页变得没有响应。我发现一件事在这里我已经再次替换了整个 html 页面，我怎样才能将特定的 div 与输出的 html 内容（这里 page_html）分开。我只想替换 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();         
    });       
}    

Answer 1

如何从输出的 html 内容（此处为 page_html）中分离出特定的 div。我只想替换 div

您可以使用 jQuery html() 方法简单地更改 div 的内容。

<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 通常用于的用途。