文献innerHTML的显示旧的内容，对AJAX负载

  • Z时代
  • 2024-01-10
  • 分类：问答

$.ajax({ 
    url: "/path/to/dynamic/html", 
    type : "GET" 
}).done(function(result){ 
    $("#content").html(result) 
    setTimeout(function(){ 
    console.log("Now, the html content is " + document.body.innerHTML)}, 10000) 
})

/path/to/dynamic/html URL返回一个纯字符串作为， i am the dynamic content文献innerHTML的显示旧的内容，对AJAX负载

10秒的届满后，我预期控制台打印，

<div id="content">i am the dynamic content</div>

但仍然，控制台打印旧内容为，

<div id="content">i am the static content</div>

但是页面会以新内容呈现。

为什么console.log即使设置了十秒的失效后也显示旧的DOM内容？

回答：

既然你的jQuery，使用jQuery的方法：

$("body").html()

当你没有提供参数给.html()方法，它返回的HTML。当你提供一个参数时，它会替换HTML。

关于该方法的更多信息，请参考.html() method in the jQuery docs。

编辑：

因此，要将此到您的代码，你会做这样的事情：

$.ajax({ 
    url: "/path/to/dynamic/html", 
    type : "GET" 
}).done(function(result){ 
    $("#content").html(result) 
    setTimeout(function(){ 
    console.log("Now, the html content is " + $("body").html())}, 10000) 
})

以上是 文献innerHTML的显示旧的内容，对AJAX负载 的全部内容， 来源链接： utcz.com/qa/263069.html

回到顶部