Penggunaan data-params pada JQuery UJS

Dengan JQuery UJS kita dapat menambahkan atribut data-params untuk menambahkan parameter pada saat melakukan POST request dari sebuah link.

<a href="/test" data-remote="true" data-method="post" data-params="param1=Hello">AJAX action with POST request</a>

Dari contoh diatas, maka saat melakukan POST request, request tersebut akan mengirimkan parameter ‘param1’ dengan value ‘Hello’.
Hal yang menarik dari penggunaan data-params ini adalah saat melakukan sebuah request, jquery tidak menggunakan

element.attr('data-params')['param1']

untuk mendapatkan value dari data-params tersebut, sehingga pada saat ingin mengubah value dari data-params, kita tidak dapat menggunakan

element.attr('data-params','param1=hello world')

Karena JQuery ujs menggunakan .data() untuk mengakses value dari param yang ada dalam data-params.
Untuk mengubah value dari data-params tersebut kita dapat menggunakan

element.data('params','param1=hello word')

Source: KMKLabs morning stand-up’s interesting Kamis, 11 Juni 2015

Penggunaan data-params pada JQuery UJS

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s