Co jest uważane za sposób Rails dla formularzy Ajax

Do dzisiaj uważałem, że sposób, w jaki używam Rails forms + jQuery UJS był na to właściwy, ale aktualizacja do jQuery 1.7 'zepsuła' sposób, w jaki dotychczas to robiłem.

Jak to zrobić?

Chcę używać Ajax z moimi formularzami. Odpowiedź ajax powinna albo renderować formularz ponownie (np. gdy wystąpią błędy) lub przekierować na stronę sukcesu. (Powinno być może zrobić więcej, jak Pokazywanie modali, ale chcę zachować ten przykład proste).

1. Używając EJS i $('#formid').html(...)

<% unless @success_submit %>
$('#form_wrapper').html('<%= escape_javacsript( render :partial => 'form' ) %>'); 
<% else %>
document.location = '/success_thank_you';
<% endif %>

Teraz wyobraź sobie, że formularz zawiera komunikat o błędzie div jak

<div class="error_message">BlaBla</div>

Aby dodać ładny efekt miałem ogólne jQuery.live event związany z ajax complete, który podświetlił błędy.

$('form').live('ajax:complete', function() {
   // do stuff like highlighting all error messages in that form
}); 

To już nie działa z jQuery1.7 + jQuery-ujs (prawdopodobnie z dobrych powodów). Więc myślę, że sposób, w jaki to zrobiłem, nie był w porządku.

2. Używając powyższego sposobu, ale powtórzę się

Zamiast wiązania zdarzenia ajax:complete mogłem zrobić "błąd podkreślania rzeczy" w EJS jak

$('#form_wrapper').html('<%= escape_javascript( render :partial => 'form' ) %>');
$('#form_wrapper form .error_message').fadeIn();

Ale oznaczałoby to, że musiałbym powtarzać drugi wiersz w prawie każdym EJS, który renderuje formy. I oczywiście chcę, żeby było suche.

3. Ajax odpowiedź renderuje czysty html, ajax: wyświetlanie kompletnych uchwytów zdarzeń

Zupełnie innym rozwiązaniem byłoby to, że odpowiedź ajax po prostu renderuje czysty html, a mój Niestandardowy ajax: complete handler zajmie się wyświetlaniem formularza. Opiekun będzie wyglądał tak:

$('form').live('ajax:success', function(ev, data, status, xhr) {
  $(this).html(data);
  // and e.g. highlight stuff
  $(this).children('.error_message').fadeIn();
});

<script>
   document.location = '/success.blabla/';
</script>

Ale czy to dobre rozwiązanie ?

4. Custom JSON protocol

Prawdopodobnie dobrym rozwiązaniem byłoby użycie wersji 3, ale zamiast po prostu zastąpić obecną formę zwracanym html, moglibyśmy stworzyć niestandardowy protokół json. W ten sposób możemy nawet pozwolić serwerowi odpowiedzieć takimi rzeczami jak

Pierwszy pokaz modalny (jak "sukces rejestracji")
1. przekierowanie do strony logowania

Ajax: sukces handler może sprawdzić, czy odpowiedź jest czystym html, w takim przypadku zastąpi obecną formę kodem html. Ale jeśli odpowiedź jest tablicą JSON, poradzi sobie z tym, np. serwer odpowiada

{ html: '<%= render :partial => 'something' %>', 
  show_modal:  '<%= render :partial => 'modal_template' %>',
  redirect_after_modal: '/login_page'
}

Ajax: Success handler poradziłby sobie z tym jak

$('form').live('ajax:success', function(ev, data, status, xhr) {
   // try parsing json
   if (data.json['show_modal') { // show modal code.... }; 
   if (data.json['redirect']) { document.location=data.json['redirect']);...
});

Jak ty to robisz

Oczywiście istnieje wiele sposobów obsługi formularzy ajax. Ale jak to robisz i co jest uważane za najlepszą praktykę z Rails ?