Cara membuat fungsi search dengan ajax jQuery, dimana kita bisa mencari data, dengan kita mengetikan sebuah kata kunci lalu kata kunci itu akan menacari kata yang cocok pada data yang kita punya seperti itu, data itu bisa berupa nama produknya, keterangan dan lain, dan disini kita membuatnya dengan ajax, bagaimana cara membuatnya simak terus ya teman-teman.

ketikan kita menggunakan Cara membuat fungsi search dengan ajax jQuery, keuntungannya adalah ketika kita klik dia tidak akan mereload halaman, apalahi disini kita akan membuatnya dengan cara menggunakan event keyup dimana ketika kita mengetikan form search itu akan mulai mencarinya, seperti itu, oke langsung saja ya, untuk menampilkannya teman-teman bisa gunakan artikel kemarin ya, disini saya akan langsung saja ke pembuatan fungsi searchnya dengan ajax. Oke pertaman-tama karena disini saya membuatnya dengan data yang ada di database, jadi teman-teman harus tau ya, kita menggunakan dengan cara apa, ya benar dengan sql LIKE, seperti ini:

Disini saya menggunakan bootstrap dengan id searchForm, dan searchform itulah yang nanti kita akan panggil, seperti apa ajaxnya seperti ini:

Kode di atas bacanya seperti ini, ketika keyup di ketikan, maka fungs app.searchForm akan di aktifkan seperti ini:

dataSearch kita ambil dari valu inputannya diamana data itu akan kita panggil ke webservicenya oke jika sudah kita akan masuk ke webservicenya seperti ini:

Paham ya dengan kode diatas, jadi disini kata kuncinya itu masuk dalam semua kategori, bisa title, body atau created_at, dan dimana ketika data itu tidak ada akan memeberikan respon data tidak ada, seperti itu kurang lebih.

Cara membuat fungsi search dengan ajax jQuery

Silahkan teman-teman coba sendiri ya, dari saya cukup sampai disini saja belajar kita tentang Cara membuat fungsi search dengan ajax jQuery, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.