async:false选项在$ .ajax()中不起作用,是否在jQuery 1.8+中针对所有用例进行了折旧?

我对使用带有$ .ajax()的async:false选项感到困惑。 根据$ .ajax()文档:

从jQuery 1.8开始,不推荐使用async:false和jqXHR($ .Deferred); 必须使用success / error / complete回调选项,而不是jqXHR对象的相应方法,如jqXHR.done()或不推荐使用的jqXHR.success()。

我不知道jqXHR($ .Deferred)是什么意思。 是因为任何原因使用async:false折旧,还是jqXHR($ .Deferred)某种特殊用例?

我问,因为我无法异步地进行$ .ajax()调用。这是jQuery 1.8.2:

var ret = {}; $.ajax({ async: false, method: 'GET', contentType: 'application/json', dataType: 'jsonp', url: '/couchDBserver', error: myerr, success: function(data) { var rows = data.rows; //something that takes a long time for(var row in rows) { ret[rows[row].key] = rows[row].value; } console.log('tick'); } }); console.log('tock'); console.log(JSON.stringify(ret)) 

我的控制台输出是:

滴答
{}

我做错了什么,或者我做错了什么?

您尝试同时使用JSONP techinque和async:false。 这是不可能的。 JSONP实际上是创建一个script元素并将其附加到文档的某个位置,因此它不是XHR,jQuery无法在任何地方传递同步标志。 由于您从同一来源获取数据,只需将dataType更改为

 dataType: 'json', 

但是,每个人都可以告诉您,同步请求并不好,他们会挂起您的浏览器。 您应该仅在少数情况下使用它们。

它的含义是,如果你的请求是async: false那么你不应该使用ajax.done()ajax.fail()等方法来注册回调方法,而是你需要使用success/error/complete来传递回调方法success/error/complete ajax调用的选项

正确

 $.ajax({ async: false, success: function(){ }, error: function(){ }, complete: function(){ } }) 

错误

 $.ajax({ async: false }).done(function(){ }).fail(function(){ }).always(function(){ }) 

if async:true //未指定

正确

 $.ajax({ }).done(function(){ }).fail(function(){ }).always(function(){ }) 

要么

 $.ajax({ async: false, success: function(){ }, error: function(){ }, complete: function(){ } }) 

jQuery中的Deferred对象处理AJAX中的promises 。 实际上, async: false将彻底打破您需要处理promise的异步调用的概念。

jQuery文档片段告诉你的是,这样的东西是被禁止的。

 $.ajax({ async: false, /*rest of the options*/ }).done(function(){ //do something after the response comes back successfully }); 

但是,附加回调选项是完全有效的,并且是使用async: false的唯一方法async: false

 $.ajax({ async: false, /*Rest of the options*/ success: function(){ console.log("foo"); } });