reading url passed variables via javascript

Barusan dapet tugas dari atasan, simple banget sih.. Tugasnya cuma disuruh bikin login form buat web, jadi nggak sembarangan orang bisa masuk. “User id sama password-nya di hardcode aja” kata boss. See.. Simple banget kan tugasnya. Tapi ada  satu masalah disini, karena perusahaan tempat saya bekerja ini perusahaan yang multinasional, jadi ada beberapa aturan yang harus dijalankan, pokoknya semuanya harus mengikuti standar perusahaan pusat.

Salah satu dari standard-nya itu adalah gak boleh pake bahasa pemrograman php, bolehnya pake JAVA atau pake HTML murni + javascript aja. Berhubung tempat hostingan-nya gak support untuk JAVA jadi otomatislah kerjaan saya ini cuma bisa menggunakan yang namanya HTML + javascript doank.

1 menit pertama yang muncul di pikiran adalah “Waduh gimana cara validasinya nih? Kalo php kan gampang tuh tinggal pake yang $_GET, emangnya di javascript bisa validasi kayak gitu?”.

Wah kayaknya tantangan nih.. Kira-kira bisa gak yah? Setelah baca forum sana sini. Akhirnya nemu juga caranya. . Ternyata caranya gampang. Tinggal di-ambil passing variable yang ada di-urlnya trus di-pecah-pecah substringnya. Kira-kira ringkasan-nya kayak gini.

Example:

Kalo kita bikin suatu form di html trus actionnya ke page yang lain, kira-kira hasilnya seperti ini:

URL : http://localhost/Andreas/tjong.html?hello=4&world=1

Nah pada page tjong.html perlu ditambahkan sedikit sintak javascript buat memvalidasi hasil data yang diparsing oleh user.

Step yang dilakukan:

1. grab bagian ?hello=4&world=1, Pake sintak :

   var sGet = window.location.search;
   

2. Buang char ‘?

   sGet = sGet.substr(1);
   

   Berarti variable sGet sekarang isinya:  hello=4&world=1

3. Pecah kalo ketemu tanda ‘&‘, mirip dengan fungsi explode-nya php

   var sNVPairs = sGet.split("&");
   

   Berarti variable sNVPairs[0] = hello=4sNVPairs[1] = world=1

4. Pecah lagi tiap variable sNVPairs kalo ketemu tanda ‘=‘
5. Selanjutnya tinggal tambahin logic buat pengecekan, kalo FALSE dibuang ke halaman error

   if (Param1 != "hello")
   {
   window.location="error.html";
   }
   if (Param2 != "andreas")
   {
   window.location="error.html";
   }
   if (Param3 != "world")
   {
   window.location="error.html";
   }
   if (Param4 != "tjong")
   {
   window.location="error.html";
   }
   

Yah kira-kira step yang dilakukan gitu sih. Simple and it’s work.. And the most important thing is, Boss senang.

Advertisement