等待功能执行Ajax调用,然后再启动第二个功能

时间:2020-08-23 12:44:06

标签: javascript jquery ajax

我有一个由click事件调用的函数。关闭此函数后,页面会通过该函数的ajax调用进行部分更新(如果条件为“错误”,则执行ajax调用)。
我要执行另一个函数,并检查有多少项在所有页面刷新完成后,将其与ajax调用一起加载。我想到了document.ready用于第二个功能,但我不知道如何启动第二个功能。任何帮助将不胜感激!

$(function() {
  $('.button').click(function(){
    if ('a' === 'b'){
      alert('right');
    } else {
      alert('wrong');
    }
  });
});

$(document).ready(function() {
  function function2() {
  alert('function2');
}
});
.button{
  display: inline;
  padding: 15px;
  background-color: red;
}
<html>

<body>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="button">button</div>
    </body>
</html>

我试图实现检查ajax调用中加载了多少项(.loopload),但它始终显示ajax刷新之前的项数。我收到旧项目数量的警报,单击“确定”,然后刷新了ajax调用的div。

var wait = $ajaxinateLoop.load(str +  ' #AjaxinateLoop');
  $.when(wait).done(function (){
    alert($('.loopload').length);
  });

1 个答案:

答案 0 :(得分:0)

借助这里的帮助,我在调用本身的成功应答中实现了对ajax调用的加载产品的检查。 谢谢大家的帮助!!! 该函数将在Ajax调用完成后执行并显示正确的数字。

$ajaxinateLoop.load(str +  ' #AjaxinateLoop', function() {
  alert($('.loopload').length);
});