JQuery MVC3 Как передать параметр из кнопки «Отправить» и получить результат действия обратно

Question

У меня есть форма, в которой есть поле со списком и div под ним.Он имеет кнопки «Показать» и «Удалить» рядом с полем со списком.

Когда кто-то выбирает элемент в поле со списком, а затем нажимает кнопку «Показать», я хочу, чтобы кнопка вызывала действие в контроллере и передавала выбранное значение.поля со списком к действию.Затем я хочу, чтобы он загрузил представление в div viewDiv.

Например:

<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 talk вы можете использовать что-то подобное для вызова действия входа в систему на контроллере учетной записи.,Это эквивалентно

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

Теперь вы можете отправить эту форму с помощью jQuery или с помощью кнопки ввода type = submit и т. Д.

Ключ для получения вашей переменной в функции action будетпросто назвать поле со списком идентификатором точно таким же именем, что и переменная.

Вы также можете вернуть всю модель на странице, указав класс модели в качестве ожидаемого вами класса

 public ActionResult Login(LoginModel model);

Вы также можете передать пользовательские переменные:

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

и

public ActionResult Login(string returnUrl);