Membuat live search dengan jquery ajax

Membuat live search dengan jquery ajax

Membuat live search dengan jquery ajax merupakan tutorial lanjutan mengenai live search atau pencarian langsung dengan php, dimana sebelum nya tutorial mengenai live search ini juga dibahas tetapi pada tutorial sebelumnya menggunakan javascript manual. Dan pada tutorial kali ini kita menggunakan jquery, dengan menggunakan jquery line code yang kita akan buat lebih sedikit dari pada menggunakan javascript manual.

membuat live search dengan jquery ajax dan php

Namun sebelum membahas live search menggunakan jquery ajax sebaik nya membaca terlebih dahulu tutorial membuat live search menggunakan javascript , dan selanjutnya download dulu jquery nya disini. Setelah didownload letakkan jquery tersebut dalam folder tutorial-tutorial sebelumnya. Jika teman-teman sudah mengikuti tutorial membuat live search menggunakan javascript disana terdapat dua buah file yang telah dibuat yakni cari.php dan script.jsĀ  jadi pada tutorial kali ini kita tidak akan merubah source code cari.php tetapi akan merubah source code pada file script.js menjadi seperti di bawah ini:


bandingkan source code dibawah ini dengan source code sebelumnya yang menggunakan javascript manual:

nah diatas merupakan source code yang berfungsi untuk melakukan live search menggunakan jquery ajax, dimana setiap kali user menekan tombol di keyboard makan akan mengirim data ke cari.php dan input-an tersebut di tampung pada parameter keyword dan hasil ke pencarian dikembalikan lagi ke halaman tampil datanya. Namun agar source code diatas berjalan makan harus kita pasang terlebih dahulu di halaman index.php nya, untuk cara nya seperti dibawah ini, namunĀ  pastikan posisi source code dibawah tidak terbalik
Sekian tutorial mengenai live search menggunakan jquery ajax dan php semoga bermanfaat dan jangan lupa untuk selalu mengecek daftar isi serba ngoding atau like fanspage facebook kami yang ada di sidebar untuk mengetahui update terbaru mengenai pemrograman web.
Posted in: php

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *