PHP

Pencarian dengan menggunakan multi ajax php mysql

Tutorial kali saya akan menjelaskan bagaimana kita membuat contoh sistem pencarian menggunakan ajax dengan php dan mysql. Mungkin sudah sering mendengar ya istilah tentang ajax.  AJAX adalah singkatan dari Asynchronous JavaScript and XML. Pada dasarnya ajax menggunakan XMLHttpRequest object Javascript untuk membuat request ke server secara asynchronous atau tanpa melakukan refresh halaman website contohnya dengan kita merequest sebuah kata atau kalimat maka akan keluar sendiri pencarian yang kita maksud dan contohnya ada pada pencarian google. Baiklah tidak berlama2 saya akan menerangkan bagaimana source kode yang saya buat ini dan pencarian kali ini saya menggunakan topik pencarian buku pustaka

1. Membuat database

kemudian dalam bentuk data menampilkan tabel “buku”

multi ajax php mysql

multi ajax php mysql

2.  Membuat combobox javascript untuk loading combobox  pencarian Berdasarkan

javascript.php

3. Membuat koneksi database

4. Membuat pencariannya disini dengan source kode berikut

Pada pencarian utama saya membuat filenya dengan nama index.php biar langsung ketemu pencariannya saat dibuka

index.php

dari index.php di atas proses pencarian dijalankan melalui  diantara tag div,  mereload dan menampilkan atau mengganti dengan file exe_cari_buku.php. Tag div seperti di atas

untuk file exe_cari_buku.php akan di jabarkan di bawah nanti

5. Membuat javascriptnya disini sebagai ajaxnya

ajax.js

dengan fungsi masing-masing untuk pemanggilan request data di atas di antaranya

a. mencari judul buku

b. mencari kode buku

c. mencari pengarang

d. mencari penerbit

6. Membuat query pencarian dengan sorce kode

exe_cari_buku.php

dari source kode di atas koneksi.php mulai digunakan dengan diincludekan. Setelah serangkain file tadi kemudian kita aplikasi dengan gambar di bawah ini

1. Pencarian berdasarkan contoh judul

contoh multi ajax php mysql

contoh multi ajax php mysql

 

2. Setelah menampilkan judul di atas tadi kemudian melakukan pencarian judul

contoh multi ajax php mysql 2

contoh multi ajax php mysql 2

 

dari gambar di atas kita cari kata “sis” maka secara otomatis browser akan merequest kata yang kita cari2 selama ini hehe…, ya oke begitu ceritanya temen2 moga artikel ini bisa bermanfaat salam mampiro.com

 

Untuk contohnya bisa anda download di bawah ini

Download pencarian multi ajax dengan php mysql

Oh ya temen-temen jangan lupa tinggalin komentar ya, saran, kesan dan kritiknya di bawah. Untuk membangun blog yang lebih baik ke depannya. dan slamat berkunjung kembali di mampiro.com :)

Mohon maklum adanya file-file mampiro sudah dihapus oleh pihak ziddu... kami dari pihak mampiro.com akan mereparasinya kembali.., terima kasih sudah berkunjung


5 comments

  1. elijah.grigsby@live.de'Elane

    It’s hard to find your articles in google. I found it
    on 16 spot, you should build quality backlinks , it will
    help you to get more visitors. I know how to help you,
    just type in google – k2 seo tips and tricks

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">