Trik : Passing Parameter Antar HTML Jquery Mobile

Passing parameter bukanlah hal yang sulit jika menggunakan bahasa server side, karena cukup menggunakan fungsi GET maka, parameter yang dilempar pun tertangkap. Mengingat pengembangan yang saya lakukan menggunakan mobile, dalam hal ini jquery mobile, yang dimana tiap halaman menggunakan file html. Walau dalam jquery bisa melakukan kontak dengan server, namun hal ini saya coba minimalisir, karena pasti berpengaruh ke performansi aplikasi yang dibuat.

Setelah mengubek-ubek berbagai macam tutorial, tips, trik akhirnya saya temukan caranya.

Misal ini di halaman page1.html terdapat fungsi yang link ke halaman lain, beserta sekaligus melempar parameter, seperti ini :

page2.html?id=1

Lalu untuk isi file page2.html

cukup menggunakan fungsi yang menangkap url tersebut

function getUrlVars() {

var vars = [], hash;

var href = window.location.href;

var queryUrl =href.slice(href.lastIndexOf('?') + 1);

var hashes = queryUrl.split('&');

for(var i = 0; i < hashes.length; i++) {

hash = hashes[i].split('=');

vars.push(hash[0]);

vars[hash[0]] = hash[1];

}

return vars;

Lalu untuk memastikan :

var id = getUrlVars()["id"];

hope this help 🙂