Jumat, 14 Desember 2012

Membuat Combo Box Ajax (Select Chain) Menggunakan jQuery



Pada tulisan kali ini kita membuat Combo Box Ajax yaitu berupa program menampilkan propinsi-kota dan biaya pengirimaan barang, yang datanya berasal dari database MySQL kemudian kita tampilkan dalam bentuk combo box. Dalam contoh ini kita menampilkan propinsi-propinsi yang ada di Indonesia, kemudia apabila dipilih salah satu propinsi tersebut, maka akan muncul kota-kota yang di dalam propinsi tersebut yang datanya juga berasal dari database. Kemudian apabila dipilih salah satu kota, akan muncul biaya pengiriman barang, yang datanya juga diambil dari database.

Pembuatan Combo Box ajax ini menggunakan jquery, dapat kamu download di www.jquery.com. Untuk melakukan proses ajax kita menggunakan fungsi $.ajax() yang terdapat dalam jquery. Sintaksnya adalah sebagai berikut :

$.ajax({type: "POST/GET", url: "url pemrosesan data", cache: false/true,data: "name=John&location=Boston", success: function(msg)});

type, berguna untuk mengatur type pengiriman data.
url, adalah url yang dipanggil untuk pemrosesan data, bisa berupa file php,asp,html
cache, untuk mengatur apakah menggunakan cache atau tidak.
success, berguna untuk menjalankan suatu fungsi apabila data sukses diambil dari server/url.

Sebenarnya masih banyak setingan untuk fungsi $.ajax(), untuk selengkapnya bisa dilihat di http://api.jquery.com/category/ajax/

Oke, sekarang langsung aja sobat download dan lihat contohnya, Download Disini


Sumber : blog.codingwear.com

Tidak ada komentar:

Poskan Komentar

 

Design By:
SkinCorner