防止表单提交后页面重定向/停留在同一页面上

Question

无法弄清楚我的一生为什么这没有按照应有的方式进行...

我有一个ASP.NET MVC5表单，其中有两个按钮-“添加新产品”，将允许他们临时保存所有产品数据（不保存到数据库），并允许他们在产品上输入其他信息; 另一个按钮“保存更改”将保存所有通过“添加新产品”添加的产品。

我目前停留在“添加新产品”功能上。 目前，它会将用户重定向到新页面，但我不知道为什么在技术上不应该重定向时仍在重定向。 进行重定向的任何原因？ 它也正在通过控制器方法。 我只希望它保留在同一页面上，但是目前，随着我所拥有的内容，它正被重定向到空白页面，即我所处的确切局部视图。

Java脚本

$("#ProductForm").submit(function () {
    // Data validation here
    if (hasErrors) {
        // Display errors to user via unobtrusive validation
    }
    else {
        var ProductViewModel = {
            'Name': $("#ItemName").val(),
            'Price': $("#ItemPrice").val(),
            // etc.
        };

        $.ajax({
            url: $("#AddProductURL").val(),
            dataType: "JSON",
            type: "POST",
            data: ProductViewModel,
            success: function () {
                // Clear all fields
                $("#ProductForm").reset();
                return false; // I guess this isn't working?
            }
        });
        return false; // I guess this isn't working either?
    }
    return false; // Not working as well?
}

控制者

[HttpPost]
public ActionResult AddProduct(ProductViewModel productVM)
{
    // Do stuff with the view model here
    return new EmptyResult();
}

Answer 1

尝试

$("#ProductForm").submit(function (e) {
e.preventDefault();
// Data validation here
if (hasErrors) {
    // Display errors to user via unobtrusive validation
}
... rest of the code

Answer 2

我想到了。 我觉得超级傻。 我以为我在原始帖子中提到了这一点，但是我使用的是ASP.NET MVC5，但我没有意识到它的重要性。 我将稍后编辑我的帖子以反映出来。

我通过此堆栈溢出答案发现了@ Html.BeginForm和@ Ajax.BeginForm之间的区别： Html.BeginForm（）和ajax.beginform（）之间的区别

@ Ajax.BeginForm的最重要的要点回答了我的问题。