Ajax同步回调

时间:2009-03-10 18:14:35

标签: javascript jquery ajax callback synchronous

我在本地文件夹中有一个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执行Synch调用(在不同的域中)?

2 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:1)

您根本无法使用XMLHttpRequest跨域。无论是同步还是异步都无关紧要。

由于您似乎正在使用JSON(和jsonp),因此您应该能够通过脚本标记hack实现您想要的功能。我相信jQuery内置了它(顺便说一下你使用的是jQuery吗?):

http://docs.jquery.com/Release:jQuery_1.2/Ajax#Cross-Domain_getJSON_.28using_JSONP.29