jQuery MVC3如何從按鈕提交傳遞參數並返回操作結果

Question

我有一個窗體，在其下面有一個組合框和一個div。 組合框旁邊有顯示和刪除按鈕。

當某人在組合框中選擇一個項目，然后單擊“顯示”按鈕時，我希望該按鈕在控制器中調用一個動作並將該組合框的選定值傳遞給該動作。 然后，我希望它在viewDiv div中加載視圖。

例如：

<input type="submit" value="Show" onclick="alert($('#SelectedId').val(););" />
<div id="viewDiv"/>

我想onclick在控制器中調用一個動作並傳遞Id = $（'＃SelectedId'）。val（）; 然后用視圖的內容填充viewDiv。

請指導，因為我很困

Answer 1

嘗試這個。 假設您的提交按鈕的id =“ btn”，則應該可以使用：

$("#btn").bind("click", function(e){
    e.preventDefault();
    $("#viewDiv").load("yoururl", { id = $("#SelectedId").val() });
});

Answer 2

您可以通過許多不同的方法來完成此任務。

我建議您將所有字段包裝成表格。 然后，如果您提交表單，則可以調用您的操作，並可以返回表單上的任何數據。

@using (Html.BeginForm("Login", "Account")

在MVC對話中，您可以使用類似這樣的方法在Account控制器上調用Login操作。 這相當於

<form action="/Account/Login">
</form>

現在，您可以使用jQuery或輸入type = submit按鈕等方式提交此表單。

將變量添加到動作函數的關鍵是僅將組合框ID命名為與變量完全相同的名稱。

您還可以通過將模型的類作為您期望的類來返回頁面上的整個模型

 public ActionResult Login(LoginModel model);

您還可以傳遞自定義變量：

@using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }

和

public ActionResult Login(string returnUrl);