submit form in Rails using jQuery

agar aplikasi rails kita mampu melakukan submit form sejara AJAX, menggunakan jQuery maka pada application js. masukkan kode-kode di bawah ini

* untuk jquery sebelum versi 1.3 wajib ditambahkan function ajaxSetup berikut.
jQuery.ajaxSetup({
'beforeSend' : function(xhr) {xhr.setRequestHeader("Accept","text/javascript")}
})

Dan kode untuk membuat submit form secara AJAX adalah function submitWithAjax adalah sebagai berikut :

jQuery.fn.submitWithAjax = function() {
this.submit(function() {
$.post($(this).attr("action"), $(this).serialize(), null,"script");
return false;
})
};

Dan pada tiap form ditambahkan class untuk kemudahan biding event. (pada contohnya akan menggunakan nama class submit_ajax)

<% form_for(@member, :html => { :class => "submit_ajax"}) do |f| %>

Sehingga untuk tiap form yang akan melakukan submit ajax, cukup di bind seperti berikut pada application.js :

$(".submit_ajax").submitWithAjax();

Advertisements

2 thoughts on “submit form in Rails using jQuery

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s