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"); } });