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.

[code lang=html]
<a href=”/test” data-remote=”true” data-method=”post” data-params=”param1=Hello”>AJAX action with POST request</a>
[/code]

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

[code lang=js]
element.attr(‘data-params’)[‘param1’]
[/code]

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

[code lang=js]
element.attr(‘data-params’,’param1=hello world’)
[/code]

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

[code lang=js]
element.data(‘params’,’param1=hello word’)
[/code]

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

Related Posts

Jadwal Belajar Dari Rumah TVRI Minggu Ini, Streaming BDR di Vidio

Jadwal Belajar Dari Rumah TVRI Minggu Ini, Streaming BDR di Vidio

Streaming Festival Disrupto Exploration and Experimentation 2020

Streaming Festival Disrupto Exploration and Experimentation 2020

Resiko Berbahaya menggunakan VPN gratisan di Laptopmu!

Resiko Berbahaya menggunakan VPN gratisan di Laptopmu!

Part II — Understanding about RuleChain

No Comment

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Januari Spesial: Nonton Drakor Gratis!

Tag