jQuery ajax请求错误返回status 0和错误error的问题

作者: SalmonellaVaccine
发布时间:2015-07-17 14:43:54

http://www.cnblogs.com/Mainz/p/3506956.html

The bold part is the answer. I used Ajax and form submittion at the same time, so the data were written into the db but still return error 0. 

上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200:

复制代码
$.ajax({
            type: "POST",
            beforeSend: function(xhr){xhr.setRequestHeader('__RequestVerificationAntiCSRFToken', $("#hidden-CSRFToken").val());},
            url: $(this).data('targetUrl'), 
            cache: false,        
            data:post_data,
            dataType:"json",
            async: true,
            error: function(jqXHR, error, errorThrown) {
                alert(jqXHR.status);          
                },
            success: function(data) {
               //...
               }
  });    
复制代码

分析问题,发现以上代码没有问题,请求根本没有发送到后台,状态码是0表示没有发出ajax请求。各个状态含义:

  • 0 - (未初始化)还没有调用send()方法
  • 1 - (载入)已调用send()方法,正在发送请求
  • 2 - (载入完成)send()方法执行完成,
  • 3 - (交互)正在解析响应内容
  • 4 - (完成)响应内容解析完成,可以在客户端调用了

jQuery ajax请求错误返回status 0和错误error的问题,分析可能的原因:

  • url不存在(排除)
  • url不可达(排除)
  • 发送了跨域请求(排除)
  • 数据格式错(排除)
  • ajax在完成之前请求已经被取消(ajax请求没有发出),由于,例如:页面已经跳转或跳转太快、浏览器输入新的url、按钮立即新的点击等确定

修改方法是在原来的按钮button的type="submit"改成"button",页面不立即跳转,问题排除。

标签: Ajax jQuery
来源:http://blog.csdn.net/SalmonellaVaccine/article/details/31537

推荐: