如何从jQuery AJAX的422错误响应中获取message和hint值？

首先，你当前代码的核心问题是statusCode的回调参数不是直接解析后的JSON数据，它实际是jqXHR对象，需要通过responseJSON属性获取服务器返回的JSON响应体。

另外，报错Cannot read properties of undefined (reading 'hint')说明responseJSON.detail可能不存在，或者响应结构和你预期的不一致。建议先打印完整响应确认结构，再针对性取值。

修改后的代码示例：

$.ajax({
    type: "GET",
    url: 'url',
    dataType: 'json',
    statusCode: {
        200: function() {},
        400: function() {},
        406: function() {},
        408: function() {},
        422: function(jqXHR) {
            // 先打印完整响应，确认结构
            console.log("422响应数据:", jqXHR.responseJSON);
            
            // 安全获取message和hint
            const responseData = jqXHR.responseJSON;
            if (responseData) {
                // 根据实际结构调整路径，比如可能是responseData.hint，或者responseData.errors[0].hint等
                const message = responseData.message ?? '无错误信息';
                const hint = responseData?.detail?.hint ?? '无提示信息';
                console.log("错误信息:", message);
                console.log("提示:", hint);
            }
        }
    }
});

关键注意点： #

• 回调参数类型：statusCode的每个回调函数接收的第一个参数是jqXHR对象，必须通过responseJSON属性访问解析后的JSON数据（前提是服务器返回合法JSON，且dataType设为json）。
• 结构校验：先打印完整响应确认服务器返回的实际结构，很多时候422的响应结构可能是{ "errors": [...], "message": "xxx" }或者其他格式，而非你预期的detail.hint。
• 安全取值：使用可选链操作符?.或条件判断避免因属性不存在导致报错，同时用空值合并运算符??设置默认值。

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