Formularz MS MVC AJAXifying techniki

Question

Szukam najbardziej elegancki sposób do ajaxify moje formularze (z jQuery).
Jak to zrobić?

Answer 1

Oto moje rozwiązanie (myślę, że jest to rozwiązanie Progressive enhancement), używając tylko jQuery bez jakichkolwiek wtyczek:

var form = $('form#YourFormId'); 
$(':submit', form).click(function (event) { 
    event.preventDefault(); 
    $.post(form.attr('action'), form.serialize(), 
     function(data, status) { 
      if(status == 'success') { 
       // your code here 
      } 
     } 
    ); 
}); 

AKTUALIZACJA:

Jeśli odpowiedź POST "HTML z formą" następnie spróbuj tego:

function ajaxifyForm(form) { 
    $(':submit', form).click(function (event) { 
     event.preventDefault(); 
     $.post(form.attr('action'), form.serialize(), 
      function(data, status) { 
       if(status == 'success') { 
        var newForm = $(data); 
        ajaxifyForm(newForm); 
        form.after(newForm).remove(); 
       } 
      } 
     ); 
    }); 
} 

Answer 2

Zamówienie JQuery plugins storage Jestem pewien, że okaże się, że trzeba

Answer 3

Ajaxify formularzy ... to jest dość niejasne.

Jeśli chcesz przesłać formularz asynchronicznie, możesz użyć $ .post() do wysłania do osobnej akcji kontrolera.

Przykład:

W widoku:

$.post('<%= Url.Action("DoAjaxCall") %>', $('form').serialize(), 
function (data) { 
    alert(data.Message); 
} 
, "json"); 

W kontrolerze:

public ActionResult DoAjaxCall(YourModel model) 
{ 
    return Json(new { Message = "Your ajax call is working!" }); 
} 

To właśnie używam w niektórych moich postaciach przynajmniej.

P.S .: Napisałem to w edytorze tekstu stackoverflow, więc nie jest tak naprawdę przetestowane. Ale jako zarys powinien działać.