Wednesday, December 24, 2014

jqueryui - autocomplete

bismillah..
Ini posting pertama tentang coding, PHP dan semacamnya. Berharap postingan ini sebagai pengingat kalau ketemu masalah serupa, sementara mencari di hutan belantara google itu memang bukan suatu hal yang sulit, tapi juga ga bisa dibilang mudah. he..

ok.. ceritanya mau bikin input form yang autocomplete secara ajax dan sumber data nya dari database. Contohnya bisa dilihat disini.

nah..

Perjalanan dalam hutan belantara di mulai di sini karena saya butuh yang multiple data dari database, jadi saya pilih "multiple,remote". Yang suram itu adalah file "search.php" yang ga dilampirkan di jqueryui ini. Akhirnya perjalanan berlanjut dan alhamdulillah ketemu page ini. Terus, saya simpan dalam file search.php coding berikut:




Setelah disesuaikan dengan database saya, dan voila...
berhasil alhamdulillah...

he..
berikut saya dokumentasikan beserta penjelasannya ya...
*cmiiw tuk para webmaster ^_^

Langkah pembuatan autocomplete menggunakan jqueryui dengan multiple data dari database


  1. buat file form.php, yang berisi:



  2. kemudian di bawah script tersebut tambahkan:




     tag input bisa diganti dengan tag textarea.

  3. buat file search.php yang berisi





sebelumnya jangan lupa tuk tentukan $db_server,$db_user,$db_password,dan $db_selected(nama database).

kemudian, array yang dihasilkan yang ditampung dalam $row_set[] kita cek dengan cara menambahkan print_r dibawah while seperti gambar berikut:

hasilnya tampil seperti ini:






kemudian cek hasil konversi array menjadi json yang akan tampil seperti berikut:



berikan komen pada print_r, lalu tag input dengan autocomplete multiple data dari database siap digunakan.

No comments:

Post a Comment