如何防止瀏覽器在提交表單時重定向到新頁面？

我對返回JSON的方法使用AJAX調用。我怎樣才能讀取返回的JSON而不被重定向到一個新的空白頁面？如何防止瀏覽器在提交表單時重定向到新頁面？

[HttpPost] 
public JsonResult Test() 
{ 
    return Json("JSON return test", JsonRequestBehavior.AllowGet); 
}

@model List<POC.Web.Intranet.Models.AttachmentPropertyViewModel> 
<div> 
    @using (Ajax.BeginForm("Test", "DMS", new AjaxOptions { HttpMethod = "POST", OnSuccess = "endMethod()", OnBegin = "beginMethod()" })) 
    { 
     <h6>Properties</h6> 
     for (int i = 0; i < Model.Count; i++) 
     { 
      @Html.HiddenFor(item => item[i].AttachmentPropertyId); 
      @Html.HiddenFor(item => item[i].AttachmentMetaDataId); 
      <label>@Model[i].AttachmentPropertyName</label> 
      @Html.TextBoxFor(item => item[i].AttachmentPropertyValue, htmlAttributes: new { @class = "form-control property-value-txtbox" }); 
      <br /> 
     } 
     <input type="submit" id="btnSaveChanges" value="Save Chnages" /> 
    } 

    <hr /> 
</div> 

<script> 
    function beginMethod() { 
     alert("Start"); 
    } 
    function endMethod() { 
     alert("Finish"); 
     // also here i want to read the incoming json 
    } 
</script>

來源

2017-01-03 user3159792

它被觸發'beginMethod'？ –

輸入'type =「submit」'將表單提交給控制器。所以把它改爲'button' – Qsprec

這必須是stackoverflow上最常問的問題。 – philantrovert

您可以停止重定向和執行您的Ajax按照下面給出的兩種方法之一調用。

按鈕類型從更改爲按鈕提交。
或者調用形式通過防止利用下面的代碼片段提交表單的默認操作提交的JavaScript函數，

來源

2017-01-03 11:08:53 Kamidu

首先，你做不需要JsonRequestBehavior.AllowGet，因爲你做了POST請求。

[HttpPost] 
public JsonResult Test() 
{ 
    return Json("JSON return test"); 
}

然後，改變這種：

OnSuccess = "endMethod()", OnBegin = "beginMethod()"

要

OnSuccess = "endMethod", OnBegin = "beginMethod"

而在你的腳本，通過response參數從controller得到json結果。

function endMethod(response) { 
    console.log(response); 
    alert("Finish"); 
    // also here i want to read the incoming json 
}

來源

2017-01-03 11:09:47

如何防止瀏覽器在提交表單時重定向到新頁面？

回答

相關問題