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

问题

ajax请求执行后返回了一个canceled(状态码),并且后台能收到数据1.png

请求源码如下:

  $.ajax({
        type: "post",
        datatype: "text",
        url: "/dept!addDept",
        data: {"name": $("#name").val(), "comment": $("#comment").val()},
        success: function (data) {
            alert(data)
            if (data == "success") {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            setTimeout(parent.layer.close(index), 2000) //再执行关闭
            }
        },
        error:function (XMLHttpRequest, textStatus) {
            alert("error")
            // 状态码
            console.log(XMLHttpRequest.status);
            // 状态
            console.log(XMLHttpRequest.readyState);
            // 错误信息
            console.log(textStatus);
        }
    })

2.png

状态含义

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

解决办法

使用同步请求
将timeout时长设置稍长一点

    $.ajax({
        type: "post",
        datatype: "text",
        url: "/dept!addDept",
        data: {"name": $("#name").val(), "comment": $("#comment").val()},
        async: false,    // 使用同步操作
        timeout : 50000, //超时时间:50秒  
        success: function (data) {
            alert(data)
            if (data == "success") {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            setTimeout(parent.layer.close(index), 2000) //再执行关闭
            }
        },
        error:function (XMLHttpRequest, textStatus) {
            alert("error")
            // 状态码
            console.log(XMLHttpRequest.status);
            // 状态
            console.log(XMLHttpRequest.readyState);
            // 错误信息
            console.log(textStatus);
        }
    })

3.png

参考原文:原文地址

Last modification:March 22nd, 2019 at 05:22 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

2 comments

  1. athony

    这加速的很快了

  2. w

    厉害了,这博客好