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

Part II — Understanding about RuleChain

Mengenal dasar RxSwift

Making Backward Compatible Adaptive Colors for Dark Mode in iOS

Automate Your Android App Bundle Publishing using Jenkins

No Comment

Leave a Reply