JQuery ajax返回error的原因定位

最新推荐文章于 2021-08-05 17:53:03 发布

原创最新推荐文章于 2021-08-05 17:53:03 发布 · 380 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何通过使用$.ajax方法并配置错误处理函数来定位和解决jQuery AJAX调用返回error的问题。通过观察XMLHttpRequest.readyState、status和responseText等属性，可以有效地定位错误原因。

今天遇到一个问题 JQuery的ajax调用老是返回error。

我们可以采用如下方法进行定位：

$.ajax({
    url : rootPath + "/service/compute.do",
    data : {
        data: data
    },
    async: false,
    dataType:"text",
    success: function(data){
         $("#myElement").val(data);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){
        alert(XMLHttpRequest.readyState + XMLHttpRequest.status + XMLHttpRequest.responseText);
    }
});

其中

XMLHttpRequest.readyState: 状态码

0 －（未初始化）还没有调用send()方法
1 －（载入）已调用send()方法，正在发送请求
2 －（载入完成）send()方法执行完成，已经接收到全部响应内容
3 －（交互）正在解析响应内容
4 －（完成）响应内容解析完成，可以在客户端调用了

XMLHttpRequest.status：调用http请求状态

太多了不描述了

XMLHttpRequest.responseText：返回的错误信息

很有用，仔细看，问题就定位出来了