JavaScript解析AJAX错误响应JSON并获取Message值的问题

问题场景 #

使用jQuery的AJAX发起请求时，在error回调函数里尝试多种方式访问Response.responseText中的Message字段，结果全返回undefined，但把Response.responseText复制到在线JSON反序列化工具却能正常解析。

测试代码：

$.ajax(Request).error(function (Response) {
    var content = JSON.stringify(Response.responseText);
    var obj = JSON.parse(content);
    console.log("Response.responseText:",Response.responseText);
    console.log("Response.responseText.Message:", Response.responseText.Message);
    console.log("Response.responseText[Message]:", Response.responseText["Message"]);
    console.log("content:", content);
    console.log("content.Message:", content.Message);
    console.log("content[Message]:", content["Message"]);
    console.log("obj:", obj);
    console.log("obj.message:", obj.Message);
    console.log("obj[Message]:", obj["Message"]);
});

已知Response.responseText的内容：

{"Message":"请求无效。","ModelState":{"model.Amount":["Amount字段必须是最小长度为'4'的字符串或数组类型。"],"model.TotalAmount":["TotalAmount字段必须是最小长度为'4'的字符串或数组类型。"]}}

核心问题 #

1. 为何所有访问方式都返回undefined？
2. 如何正确获取Message字段的值？

问题原因分析 #

1. 直接访问字符串属性无效：Response.responseText本质是JSON格式的字符串，不是JavaScript对象。字符串没有Message属性，所以用.Message或["Message"]直接访问必然返回undefined。
2. 错误的序列化反序列化操作：先对responseText执行JSON.stringify()，会把原本的JSON字符串再包裹一层引号（比如{"Message":...}变成"{\"Message\":...}"），之后JSON.parse()得到的还是原字符串，而非可访问属性的对象，所以访问obj.Message依然是undefined。

正确获取Message字段的方法 #

方法1：手动解析JSON字符串

直接对Response.responseText执行JSON.parse()，将其转换为JavaScript对象后即可正常访问属性：

$.ajax(Request).error(function (Response) {
    try {
        var errorObj = JSON.parse(Response.responseText);
        console.log("错误信息:", errorObj.Message);
        // 也可访问ModelState中的具体字段错误
        console.log("Amount字段错误:", errorObj.ModelState["model.Amount"][0]);
    } catch(e) {
        // 处理解析失败的情况（比如响应不是JSON格式）
        console.error("解析错误响应失败:", e);
    }
});

方法2：让jQuery自动解析JSON

在AJAX配置中指定dataType: "json"，jQuery会自动将JSON格式的响应解析为对象，直接通过responseJSON访问：

$.ajax({
    url: Request.url,
    type: Request.type,
    data: Request.data,
    dataType: "json", // 指定响应为JSON类型，自动解析
    error: function(xhr) {
        console.log("错误信息:", xhr.responseJSON.Message);
    }
});

内容的提问来源于stack exchange，提问作者maryam mohammadbagheri