javascript - 在对新内容进行ajax调用后同步调用javascript

Question

我正在使用 ajax 调用来刷新新 jsp 中的 div 内容。有一些标签我通过 call 异步调用，这就是它们不起作用的原因。 (标签不起作用)。如何使它们在显示时同步。

我的想法是通过document.write(code)。但它并不奏效。请任何机构提出解决方案。

Answer 1

您不能在 Ajax 回调或任何异步回调中使用 document.write()。您只能在初始页面加载期间使用它。如果您在页面加载后调用 document.write()(例如在 Ajax 回调中)，它将在写入数据之前删除整个页面内容。

如果您使用 jQuery，load() 方法是从服务器获取数据并将数据插入页面元素的简单方法。来自 the load() documentation 的示例:

$( "#result" ).load( "ajax/test.html" );

这将从您的服务器下载 ajax/test.html 页面，并将其内容插入到 id 为 result 的元素中。

load() 是 the $.ajax() function 的便捷包装器。如需更多选项、错误处理等，您可以直接调用 $.ajax()，如下例所示。当成功时，这应该给出与上面类似的结果，但如果服务器调用失败，它会写入一条错误消息:

$.ajax({
    url: "ajax/test.html"
})
.done(function( html ) {
    $( "#result" ).html( html );
})
.fail(function( jqXHR, textStatus ) {
    $( "#result" ).html( "Request failed: " + textStatus );
});