Cara Membuat Autocomplete dengan Ajax dari Database pada PHP

Cara Membuat Autocomplete/Auto Suggest dari Database pada PHP – Hai ketemu lagi dengan saya dan pada kesempatan kali ini saya akan memposting tentang cara membuat autocomplete/autosuggest pada textbox menggunakan Ajax yang mengambil datanya dari database MySQL/MariaDB. Seperti saat sobat ingin melakukan pencarian pada google maka akan muncul kata sugesti setiap sobat mengetikkan 1 huruf jadi kurang lebih kita akan membuatnya seperti itu namun kali ini kita hanya menggunakan Ajax.

 

Membuat Database MySQL

1. Pertama yang WAJIB ada yaitu sobat harus membuat sebuah database. Sobat bisa menggunakan tools bantu seperti navicat, heidi SQL atau lainnya. Sobat juga bisa membuatnya dengan mengakses url localhost/phpmyadmin -> klik tab Database dan tuliskan db_dewankomputer-> Klik tombol Create/Buat.

 

2. Buat tabel untuk mengetesnya dengan mengetikkan query dibawah ini pada tab SQL lalu klik tombol Kirim/Go

 

3. Kemudian daripada sobat memasukkan datanya satu-persatu maka sobat bisa jalankan perintah query dibawah

 

Cara Membuat Autocomplete

1.Buat file koneksi.php yang berfugsi untuk menyambungkan aplikasi dengan database dan isikan dengan kode dibawah

 

2. Buat file index.php dan isikan dengan script dibawah ini

 

3. Buat file search.php dan isikan dengan kode dibawah

 

4. Jalankan project dan akan menghasilkan seperti gambar dibawah

 

Cara diatas merupakan cara standar jika kita menggunakan ajax. Namun ada cara lagi yaitu membuat menggunakan jquery.ui.js. Dengan menggunakan plugin itu tentu akan lebih mudah dan itu akan saya bahas pada postingan saya selanjutnya. Sekian postingan kali ini tentang Cara Membuat Autocomplete dari Database pada PHP. Jika ada kesalahan saya mohon maaf dan jika ada pertanyaan silahkan tinggalkan pada kolom komentar dibawah. Kunjungi postingan saya lainnya untuk menambah wawasan dan ilmu sobat.

Baca juga :

Cara Membuat Autocomplete dengan Plugin pada PHP

 

Jika sobat ingin mendownload tutorial diatas maka sobat bisa klik link dibawah ini :

Sampai jumpa pada postingan saya selanjutnya..

 

13 thoughts on “Cara Membuat Autocomplete dengan Ajax dari Database pada PHP

  1. halo, bagaimana caranya jika ingin ada 2 field yang mau di buat autocompleted?
    Karena saat saya coba, saat mengisi dan click 1 field, field yang satu lagi ikut terisi data yang sama.

    1. di bagian id diganti contoh yg id=”provinsi” dan id=”provinsiList”
      di autocompleted yg ke2 bikinnya
      id=”provinsi2″ dan id=”provinsiList2″
      begitu jg dengan javascriptnya dan file action untuk mengambil datanya harus terpisah

  2. alhamdulillah sdh ketemu gan, jadi coding “document” saya ganti menjadi ‘#privinsi’ sesuai dengan field2nya.

      1. script auto complete
        di mana
        ada input nama barang misalnya
        dia kluar auto complete yg isinya
        nama barang dan harga
        ketika auto complete di pencet
        nanti menyesuaikan
        nama barang ke input nama barang
        dan harga ke input harga barang

        saya coba gagal trus gan
        mohon kasih solusinya gan
        terimakasih

Leave a Reply

Your email address will not be published. Required fields are marked *

fourteen − 13 =