ASP.NET MVC中jQuery Ajax调用API无法展示成功/错误消息的问题

一、先排查后台Action的返回逻辑 #

你的RequesterIndex Action必须明确返回包含消息的JSON对象，不能返回View或空结果。示例代码如下：

成功场景的返回代码 #

[HttpPost] // 确保和前端请求方法对应，GET请求用[HttpGet]
public JsonResult RequesterIndex(ResignationModel model)
{
    // 你的校验逻辑
    if (校验通过)
    {
        // 执行提交操作
        return Json(new 
        { 
            success = true, 
            successMsg = "辞职申请提交成功" 
        }, JsonRequestBehavior.AllowGet); // GET请求必须加AllowGet，POST可省略
    }
    else
    {
        return Json(new 
        { 
            success = false, 
            errorMsg = "校验失败：请填写完整的离职原因" 
        }, JsonRequestBehavior.AllowGet);
    }
}

核心：用Json()方法返回带success标识（区分成功/失败）和对应消息字段的匿名对象。

二、修正前端Ajax的配置 #

前端必须指定dataType: 'json'，让jQuery自动解析后台返回的JSON数据，否则可能拿到空值或字符串。完整Ajax示例：

$.ajax({
    url: '/Resignation/RequesterIndex',
    type: 'POST', // 和后台Action的Http特性对应
    data: $('#你的表单ID').serialize(), // 复杂对象用JSON.stringify传递
    dataType: 'json', // 核心配置，必须添加
    success: function(response) {
        console.log(response); // 现在应该能看到完整的JSON对象
        if (response.success) {
            swal("操作成功", response.successMsg, "success");
        } else {
            swal("操作失败", response.errorMsg, "error");
        }
    },
    error: function(xhr, status, err) {
        // 处理请求失败（后台抛异常、网络错误等）
        swal("错误", "请求异常：" + err, "error");
        // 查看后台实际返回内容，辅助排查
        console.log(xhr.responseText);
    }
});

如果传递复杂对象，需额外设置contentType：

data: JSON.stringify({ key1: value1, key2: value2 }),
contentType: 'application/json; charset=utf-8',

三、关于responseJSON.errors的疑问 #

responseJSON.errors是ASP.NET MVC内置ModelState验证的常用返回方式——当你用ModelState.IsValid校验模型时，可返回所有错误集合：

if (!ModelState.IsValid)
{
    var errors = ModelState.Values
        .SelectMany(v => v.Errors)
        .Select(e => e.ErrorMessage)
        .ToList();
    return Json(new { success = false, errors = errors }, JsonRequestBehavior.AllowGet);
}

此时前端可通过response.errors获取所有错误并展示：

if (!response.success) {
    var errorStr = response.errors.join('<br>');
    swal("校验失败", errorStr, "error");
}

但你的场景是手动设置errorMsg和successMsg，直接用自定义字段即可，不需要这种方式。

四、排查常见坑 #

1. 查看浏览器Network面板：打开F12查看Ajax请求的Response内容，如果返回HTML（比如错误页面），说明后台Action抛出未捕获异常，需调试排查。
2. 请求方法不匹配：后台是[HttpPost]前端却用GET，会导致请求被拦截，返回404或空。
3. JSON序列化问题：如果后台对象有循环引用，会导致序列化失败，需在Json()方法中忽略循环引用：

return Json(
    new { success = true, successMsg = "成功" },
    new JsonSerializerSettings { ReferenceLoopHandling = ReferenceLoopHandling.Ignore },
    JsonRequestBehavior.AllowGet
);

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