ajax请求失败的状态码都是0

前端之家收集整理的这篇文章主要介绍了ajax请求失败的状态码都是0前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

今天遇到个奇怪的问题,使用JQuery的ajax请求,后台的Controller层也接收到请求了,一切处理很正常,但是很奇怪,浏览器Debug发现,responseText是”error”,状态码是0而不是200.

请求源码如下:

$.ajax({
            type: "POST",url: targetUrl,cache: false,data:post_data,dataType:"json",async: true,// 默认为异步请求
            error: function(error) {
                console.log(error);          
            },success: function(data) {
               //...
            }
  });

状态含义

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

问题分析

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

  • url不存在(排除) – Controller层定义正确
  • url不可达(排除) – 后台确实接收到请求了,而且处理正确
  • 发送了跨域请求(排除) – 使用CORS Filter, 测试发现也不是
  • 数据格式错(排除) – 浏览器和后台调试发现,数据格式正确
  • ajax在完成之前请求已经被取消(ajax请求没有发出) – 确实是canceled,但是请求确实发出了
  • 请求超时 – 确认问题

解决办法

  • 使用异步请求
  • 将timeout时长设置稍长一点
$.ajax({
            type: "POST",cache: false,data : post_data,// 传参
            dataType : "json",async: false,// 使用同步操作
            timeout : 50000,//超时时间:50秒
            error: function(error) {
                console.log(error);          
            },success: function(data) {
               //...
            }
  });


错误中成长,从实践中认知!

原文链接:https://www.f2er.com/ajax/161537.html

猜你在找的Ajax相关文章