jQuery.ajax() 成功/失败回调何时调用?

Posted

技术标签:

【中文标题】jQuery.ajax() 成功/失败回调何时调用?【英文标题】:jQuery.ajax() success/failure callbacks called when? 【发布时间】:2011-04-30 02:55:51 【问题描述】:

我一直在查看源代码以找出调用 jQuery.ajax() 的成功/失败方法的标准。并不是单独基于状态码,似乎也涉及到数据类型。

我总是求助于使用“完成”回调编写自定义错误处理程序。

究竟哪些是成功/失败调用的标准?

【问题讨论】:

这里是创建自定义错误的示例:***.com/questions/1637019/… 【参考方案1】:

如你所说,这取决于数据类型,例如script 是一个特殊的,检查是:

Has the request already completed? (不要开火两次) Is the readyState "loaded" or "complete"?

对于其他请求,它会检查以下内容:

Is it a timeout?

jQuery.httpSuccess() 是否返回 true?

Is the status set? Is the response code between 200-299? Is the response code 304 or 1223?

Is it modified? (do we care about the [not] updated result?)

注意: 以上是针对 jQuery 1.4.3 的,jQuery 1.4.2 及以下有一个额外的“成功”场景where a response code of 0 was also "successful",这是因为 Opera 返回一个 0 真的304。这是不正确的行为,jQuery 团队选择了drop support for this quirk,因为它在其他实际的0 响应代码案例中导致误报。

【讨论】:

谢谢!非常全面的答案。将 dataType 设置为“text”应该绕过响应的解析(从而抑制可能的“parseerror”)?它仍然给我解析错误,知道这可能是什么原因吗? @bjornl - 它正在检查内容类型标头并最有可能找到“json”,如果是,它将尝试解析它。 Content-Type 设置为 'application/octet-stream' - 这是一个 REST 协议 标头是使用 Java 的 HttpServletResponse.setContentType() 方法创建的【参考方案2】:

我想你可以在 github 第 394 行的 jquery 代码中看到这一点:

http://github.com/jquery/jquery/blob/master/src/ajax.js

In 主要取决于您收到的 readyState 代码以及它控制超时的变量:

var onreadystatechange = xhr.onreadystatechange = function( isTimeout ) 
// The request was aborted
if ( !xhr || xhr.readyState === 0 || isTimeout === "abort" ) 
// Opera doesn't call onreadystatechange before this point
// so we simulate the call
if ( !requestDone ) 
jQuery.handleComplete( s, xhr, status, data );


requestDone = true;
if ( xhr ) 
xhr.onreadystatechange = jQuery.noop;


// The transfer is complete and the data is available, or the request timed out
 else if ( !requestDone && xhr && (xhr.readyState === 4 || isTimeout === "timeout") ) 
requestDone = true;
xhr.onreadystatechange = jQuery.noop;

status = isTimeout === "timeout" ?
"timeout" :
!jQuery.httpSuccess( xhr ) ?
"error" :
s.ifModified && jQuery.httpNotModified( xhr, s.url ) ?
"notmodified" :
"success";

var errMsg;

if ( status === "success" ) 
// Watch for, and catch, XML document parse errors
try 
// process the data (runs the xml through httpData regardless of callback)
data = jQuery.httpData( xhr, s.dataType, s );
 catch( parserError ) 
status = "parsererror";
errMsg = parserError;



// Make sure that the request was successful or notmodified
if ( status === "success" || status === "notmodified" ) 
// JSONP handles its own success callback
if ( !jsonp ) 
jQuery.handleSuccess( s, xhr, status, data );

 else 
jQuery.handleError( s, xhr, status, errMsg );


// Fire the complete handlers
if ( !jsonp ) 
jQuery.handleComplete( s, xhr, status, data );


if ( isTimeout === "timeout" ) 
xhr.abort();


// Stop memory leaks
if ( s.async ) 
xhr = null;


;

【讨论】:

以上是关于jQuery.ajax() 成功/失败回调何时调用?的主要内容,如果未能解决你的问题,请参考以下文章

填充最后一个输入时,JQuery ajax 调用失败

打字稿 + Jquery Ajax + 这个

Jquery ajax 不适用于 phonegap 应用程序

jquery ajax的回调函数function()里面的参数可以使用哪些 又分别代表啥意思?

如何在jquery ajax成功回调函数中传递上下文

jquery.Ajax回调成功后数据赋值给全局变量的问题