.NET Core中AJAX提交后跳转到JSON页面问题求助

安全阿岳

2026-8-5

解决AJAX提交后跳转至JSON页面的问题

核心问题分析

表单默认的同步提交行为未被阻止，同时AJAX请求缺少FormData提交必需的配置项，导致页面跳转。

具体修复步骤

1. 阻止表单默认提交行为

修改submitHandler，在调用submitAJAX后添加return false;，彻底阻断表单的默认提交流程：

submitHandler:function(form){
    debugger;
    if (isDuplicate) {
        return false;
    } else {
        submitAJAX(form);
        // 阻止表单默认提交
        return false;
    }
    debugger;
}

2. 完善AJAX请求配置

由于使用FormData提交包含文件的表单，必须添加processData: false和contentType: false两个配置项，避免jQuery自动处理数据导致请求格式错误：

$.ajax({
    url: "/Product/Create",
    data: fromData,
    method: "post",
    dataType: "json",
    // 新增以下两项配置
    processData: false,
    contentType: false,
    success: function (response) {
        var data = response;
        if (data.success) {
            $("#modal_sm").modal("hide");
            toastr.success("Data success input");
            window.location.reload();
        }
        else {
            $("#modal_sm").modal("hide");
            toastr.error("Data failed input");
        }
    },
    // 可选：添加错误处理，排查请求问题
    error: function(xhr, status, error) {
        console.error("AJAX请求失败:", error);
        toastr.error("请求出错，请检查控制台");
    }
});

3. 验证控制器返回格式

确保Create方法返回标准的JsonResult，格式如下：

[HttpPost]
public IActionResult Create(ProductViewModel model)
{
    // 数据插入逻辑...
    if (插入成功)
    {
        return Json(new { success = true });
    }
    else
    {
        return Json(new { success = false });
    }
}