Ajax 调用等待加载

Question

我好像想不通。我有一个 Ajax 调用 Jquery 并且当服务器响应完成时有一个元素像这样重新加载 $('#test').load(document.URL + ' #test');.

元素样式的显示属性设置为 none。响应完成后，我想刷新元素，完成后比显示该元素。

当我尝试这个时

.done(function() {
  $('#test').load(document.URL +  ' #test');
  $('#test').show();
});

该元素将显示但未完成刷新，因此它会在一秒钟后隐藏。

我也试过把它放在一个变量中，然后像这样在变量上调用 ready 函数：

.done(function() {
  var ready = $('#test').load(document.URL +  ' #test');
  $(ready).ready(function() {
    $('#test').show();
  });
});

同样无效。

如何让 show() 等到上一行代码准备好？

THNX！

Answer 1

您可以使用 jQuery .load 的回调，如下所示：

....
     $('#test').load(document.URL +  ' #test', function(){
            //PAGE LOADED
             $('#test').show();
     });

....

Ajax call wait till is loaded