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

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

Mengenal dasar RxSwift

No Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Tags