Ajax在每个()循环内部调用不是异步的

Question

我正在尝试做的涉及通过一系列复选框.

对于检查它们中的每一个,我必须执行一些计算(使用ajax调用).如果有错误,我必须打破循环并返回一条消息.

每个ajax调用大约需要0.4秒才能执行,但这永远不会成为问题,因为我在任何给定时间最多只能检查其中4个.

但是我面临的问题是,在错误函数()中的那个之前弹出最后的警告框.错误功能确实有效,但总是在最后一个之后出现.

我的印象是,通过将调用定义为asynchronous = false,代码执行将等待调用返回响应.这是一个错误的假设吗？

有没有办法实现这个目标？

提前致谢

$("input[id*='chk_aut']").each(function() {
  if(this.value=="on") {
    $.ajax({
      type: "GET",
      url: "testpage.asp",
      cache:"false",
      async:"false",
      data: "which=checkvalues&value="
          + i_value
          + "&ref="+$("#cb_ref").val()
          + "&nif="+$("#txt_nif").val()
          + "&day="+i_day
          + "&month="+i_month
          + "&hours="+i_hours
          + "&year="+i_year + "&ms="
          + new Date().getTime(),
      success: function(msg) {
        //do something but continue the loop
      },
      error: function() {
        i_result =false;
        alert("An error has occurred");
        return false;//break the  loop
      }
    });
  }
});
alert(i_result);

Answer 1

我想你需要用

,async: false

这样你就传递了布尔值false,而不是字符串"false".这应该使您的AJAX调用同步.

有关类似情况和更多详细信息,请参阅此问题.特别是,您可能会发现,对于同步AJAX调用,您无法使用成功处理程序,并且必须在调用完成后返回结果(您不在AJAX调用本身的范围内).

如果可能的话,您应该尝试重构代码,以便它可以异步工作.同步执行不能很好地转换为浏览器.

在您的情况下,如果您使用每个AJAX调用来累积检查的每个复选框的结果,请考虑将工作值存储在窗口变量中并跟踪返回的请求.当您确定已收到针对您发起的每个AJAX呼叫的成功回复时,您可以启动警报框或其他任何您想要对结果执行的操作.这只是你如何开始异步思考的一个例子.

Answer 2

如手册中所述,error功能是......

请求失败时要调用的函数.

也就是说,如果客户端和服务器之间存在通信问题(例如:超时,没有授权等).当您的服务器端脚本返回一个在您的应用程序中被视为错误的值时,不会调用它.将该代码移入success,并检查响应数据以查看脚本如何处理每个请求.

另外,我要指出,你需要有真正好的理由使用同步调用.是的,在您的测试中它只需要1.5秒,但是当某人连接速度慢或您的服务器负载不重或不可用时会发生什么？同步请求会冻结客户端的浏览器(即,甚至不会更改标签或滚动工作)并导致非常糟糕的用户体验.如果您确实要阻止页面上的UI,那么有很多更友好的方法可以做到这一点.例如,请查看BlockUI.

使用回调并开始异步思考,而不是在程序上进行思考要好得多.你第一次启动时有点困难(因为你的代码不一定按行顺序运行),但是一旦你掌握了它,它就会非常强大和灵活.