ajax调用返回的jqXHR对象

Question

无论是成功事件还是错误事件都会得到返回的jqXHR对象，但是我只能在错误事件中访问jqXHR对象。

    $.ajax({
       type: 'POST',
       url:'https://fakeurl',
       data: formData,
       contentType: 'application/x-www-form-urlencoded',                     
       dataType: 'json',
       success: function(textStatus, jqXHR) {
           alert('textStatus: ' + textStatus + ' jqXHR.status: ' + jqXHR.status);
     },error: function(jqXHR) {
       console.log('jqXHR.status: ' + jqXHR.status);
     }
   });

错误事件中的输出得到 jqXHR.status: 0。 成功事件的输出是 textStatus: [object Object] jqXHR.status: undefined.

Answer 1

来自 jQuery ajax docs:

成功

类型：函数（任何数据，字符串 textStatus，jqXHR jqXHR） ...

所以，如果你想在success 回调中访问jqXHR 对象，你需要定义三个参数让函数接受，如下所示：

success: function(data, textStatus, jqXHR) {
           alert('data: ' + data + 'textStatus: ' + textStatus + ' jqXHR.status: ' + jqXHR.status);

Answer 2

如果要取回提交的数据，success函数的第一个参数是提交的数据，第二个是textStatus，第三个是jqXHR，它具有响应对象的所有属性

$.ajax({
   type: 'POST',
   url:'https://fakeURL',
   data: formData,
   contentType: 'application/x-www-form-urlencoded',
   dataType: 'json',
   success: function(data, textStatus, jqXHR) {
      alert('textStatus: ' + textStatus + ' jqXHR: ' + jqXHR.status);
 },error: function(error) {
   console.log('error.status: ' + error.status);
 }
});