javascript – Ajax同步回调

我在本地文件夹中有一个pageTest.html,这个页面调用service.ashx？i = …(返回值param传递递增1),后跟Ajax代码：

.
.
getIncr: function(parameters, success){
       $.ajax({
               async: false, 
               type: methodType,
               url: getTarget,
               data: "n="+parameters,
               dataType:"jsonp",
               success: success
             });
    }
.
.

html页面调用此函数m次(使用脚本..)：

  .    
  var start = function(){
  .
  .
  var val = 0;
  .      
  .
  for(i=0; i<m; i++)
  {
      Foo.getIncr(val, function(returned_n){
          val = returned_n;
      });

  }

};

在页面加载期间,调用在“异步模式”下执行,但我在Ajax中设置“async：false”.我读到了这个问题,并找到了原因,即如果有不同的域,Ajax无法同步从page.html调用service.ashx.
是否有一个解决方案在page.html中执行同步调用到该service.ashx(在不同的域中)？

解决方法:

好吧,问题是您无法进行同步JSONP请求.正如Andy指出的那样,它的实现方式是通过所谓的“脚本标记黑客”.在等待填充脚本标记时,jQuery无法停止执行javascript应用程序.

因此,您正在调用正确的jQuery方法来生成JSONP请求,但由于它是JSONP,因此不应用异步选项,并且无法绕过它.您必须异步处理请求.

另外,在同步模式下使用$.ajax并不是一个好主意.如果请求需要花费太多时间才能完成,那么浏览器将停止运行并且您的用户可能会弹出一个说明该页面没有响应的弹出窗口.

标签：javascript,jquery,ajax,callback,synchronous
来源： https://codeday.me/bug/20190730/1585109.html