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

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的最重要的要點回答了我的問題。