CandraLab

IT Pro & Developer Resource

Menu Close

Tag: jquery (page 1 of 4)

Tutorial Pencarian berbasis jQuery Ajax

Sebelum kita mulai tutorial kali ini, saya ingin menekankan bahwa tutorial seperti ini sebenarnya sangat banyak di internet. Namun karena perkembangan web serta terus berevolusinya teknik ajax ini, maka saya buatkan tutorial pencarian berbasis ajax ini. Catatan penting disini, pencarian ini bukanlah menekankan pada autocomplete, namun teknik menampilkan data ajax dari server ke Form HTML. Teknik ini banyak di pakai dalam database yang mempunyai ribuan bahkan jutaan data. Teknik ini juga dipakai di website PUPNS untuk mengecek NIM seorang PNS.

Cara kerja awal dari form di PUPNS  user memasukan kode NIP  dan saat kode dimasukan kita klik tombol cari maka jika user Read more

Menampilkan Info Detail berbasis Combobox dan Ajax

Pernahkah anda lihat informasi disebuah website yang muncul setelah kita memilih judul di comboboxnya? Contoh realnya adalah anda memilih judul sebuah film dalam combox, maka informasi detail film yang kita pilih akan muncul dibawahnya. Nah kira kira seperti itulah yang akan kita buat.
Secara umum, langkah langkahnya adalah sebagai berikut :

1. Buat tabel film
2. Buat form combobox yang berisi idfilm dan judulfilm. Data ini diambil dengan fungsi combo_film()
3. buat div info untuk menampung informasi yang diambil dari database.
4. Buat code ajax di atas form dengan memanfaatkan jQuery.
5. Buat skrip php yang melakukan query mengambil informasi detail yang Read more