按鈕點擊從部分視圖重定向到父行動方法

我有一個視圖'父'在我的應用程序，我使用@ Html.BeginForm &一個提交按鈕來保存父視圖的數據。我也有一個父視圖內的部分視圖，我試圖從部分視圖調用ajax方法（使用jQuery），但每次它將我重定向到父窗體的操作方法。按鈕點擊從部分視圖重定向到父行動方法

Parent View 
@using (Html.BeginForm("Test1", "Home", new { id = 1 }, FormMethod.Get)) 
{ 
    @Html.Partial("TestPartial", Model) 
    <div> 
     <input id="Button1" type="submit" value="Parent" /> 
    </div> 
} 

Partial View 
<script> 
function onClientClick() { 
    $.ajax({ 
     url: "/Home/Test2", 
     type: "GET", 
     dataType: "json", 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify({ ID: 1 }), 
     cache: false, 
     success: function (data) { 
      alert('Success'); 
     }, 
     error: function (err, result) { 
      alert("Error" + err.responseText); 
     } 
    }); 
} 
</script> 
<div> 
<input type="submit" name="submit" onclick="onClientClick()" value="Submit" /> 
</div>

每次我試圖從局部視圖調用/主頁/ Test2的重定向我到/ home/Test1的（父窗體的動作）

來源

2013-03-26 nirav

的問題是在這條線：

<input type="submit" name="submit" onclick="onClientClick()" value="Submit" />

類型是submit因此提交表單並將您重定向到父級的操作。

在你的部分觀點有規律button不是submit button請求AJAX內容：

<input type="button" onclick="onClientClick()" value="Ajax Call" />

你也return false但我相信使用標準button，而不是submit更適合在這種情況下。

來源

2013-03-26 11:48:14

返回false調用阿賈克斯後...在onClientClick功能的結束

OR重新撰寫您提交的

<input type="submit" name="submit" id="submit" value="Submit" />

和TH恩jQuery中BND click事件作爲

$("submit").click(function(e){ 
e.preventDefault() 
$.ajax({ 
     url: "/Home/Test2", 
     type: "GET", 
. 
. 
. 

});

或的input類型更改從submit到button

來源

2013-03-26 11:46:49 Rab

按鈕點擊從部分視圖重定向到父行動方法

回答

相關問題