Mengirim parameter form seperti url dengan jquery

Advertisement

Advertisement

Silahkan baca dahulu Berkenalan Dengan Jquery .

Include file berikut :

- Jquery.min.js : bisa anda dapat di Website Jquery .

Biasanya kita menggunakan parameter melalui method GET dan POST,

Dengan method GET -> data parameter akan di tampilkan sesuai pengiriman name .

Method POST -> data parameter seperti tersembunyi .


Masalah :

A:  Ingin menampilkan parameter layaknya url, seperti : http://test.com/{ parameter get 1 }/{ parameter get 2 }.html, apakah bisa  ?
B : Bisa saja dan setelah menset tersebut , langsung edit pada bagian .htaccess .

Perbaiki masalah dengan cara berikut :

Contoh, saya mengirim parameter  GET 3 dan disubmit ( dikirim ) .
 Parameter GET tersebut :

1. id = 14045
2. nama = donald
3. kat = makanan 

Contoh form :

<form action="" method="get" class="getrl">
<input type="text" name="id" class="id">
<input type="text" name="nama" class="nama">
<input type="text" name="kat" class="kategori">
<input type="submit" name="kirim">
</form>

Include jquery :

<script type = "text/javascript" src="{ directory file jquery.min.js } ">

Script :

<script type="text/javscript">
$(".getrl").submit(function(event){
var q= $(".id").val(); //untuk mengambil parameter id
var nm = $(".nama").val(); // untuk mengambil parameter nama
var kat = $(".kategori").val(); // untuk mengambil parameter kategori

var set = q + nm + kat + ".html"; // set url -> test.com/q/nm/kat.html

$(this).attr(action, set); // mengirim parameter ke action, agar bisa menjadi url  )}</script>

Mengapa pengambilan value input tidak saya taruh di atas submit(function()), itu dikarenakan jika saya taruh di atas, maka script mengambil nilai kosong ( dikarenakan anda mengambil value kosong / belum di isi  ) .

Sedangkan jika Pengambilan value di tengah kode submit(function()), otomatis setelah anda menginputkan value akan ikut terambil dan menset ke action tersebut .

Setelah semua selesai, tinggal mainkan pada file .htaccess .

Seperti contoh berikut :

RewriteEngine On    # Turn on the rewriting engine
RewriteRule         ^cari/(.*)/(.*)/(.*).html    search.php?q=$1&nm=$2&kat=$3

Semoga anda bisa paham dan bisa menerapkan tersebut .

Jika ada kata yang salah, maklumi saya juga manusia .

Tags : Jquery, parameter, form action .
Baca : Membuat Submit Dengan Tekan Enter Di Form Input .

Advertisement

Advertisement