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 jqXHR.status: undefined。

Answer 1

来自jQuery ajax 文档的

成功 类型:函数(任何数据，字符串textStatus，jqXHR jqXHR )

因此，如果要访问jqXHR回调中的success对象，需要为函数定义三个参数，如下所示：

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

Answer 2

如果要返回提交的数据，成功函数的第一个参数是提交的数据，第二个参数是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);
 }
});