如何将jQuery Ajax错误响应文本正确显示为Alert弹窗？

方案一：前端解析JSON提取错误信息 #

你的response.responseText是JSON格式的字符串，直接拼接显示会带着冗余结构符号，只需把它解析成JS对象，再提取目标内容即可：

1. 先修正Ajax里的拼写错误：把dateType改成dataType（这个错误可能导致自动解析JSON失败）
2. 在error回调里解析并提取：

error : function(response, status, error){
    // 将JSON字符串转为JS对象
    var errObj = JSON.parse(response.responseText);
    // 提取__all__数组中的第一条错误信息
    var errMsg = errObj.form_error.__all__[0];
    alert("Error: " + errMsg);
}

如果解析时遇到转义符干扰，可先处理字符串再解析：

error : function(response, status, error){
    // 去掉字符串首尾的引号
    var cleanStr = response.responseText.replace(/^"|"$/g, '');
    var errObj = JSON.parse(cleanStr);
    var errMsg = errObj.form_error.__all__[0];
    alert(errMsg);
}

方案二：后端(Django视图)优化错误返回格式 #

如果不想在前端做复杂解析，可以直接在Django视图里返回更简洁的结构：

比如把原来的返回逻辑：

return JsonResponse({"form_error": {"__all__": ["Data with this Doc and Date already exists."]}}, status=400)

改成直接返回错误文本：

return JsonResponse({"error_msg": "Data with this Doc and Date already exists."}, status=400)

这时前端只需简单提取：

error : function(response, status, error){
    var errObj = JSON.parse(response.responseText);
    alert(errObj.error_msg);
}

如果是表单验证场景，还可以直接提取表单错误返回：

from django.http import JsonResponse

def your_view(request):
    if request.method == 'POST':
        # 假设form是你的表单实例
        if not form.is_valid():
            # 优先取__all__的错误，没有则用默认提示
            error_msg = form.errors.get('__all__', ['未知错误'])[0]
            return JsonResponse({"error_msg": error_msg}, status=400)
        # 其他业务逻辑...

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