Aplikasi Ajax PHP :Cara Membuat Aplikasi Pencarian dengan AJAX PHP

Di Tulis Oleh : Ivan Silalahi 1 comments



search

Latar Belakang :

Saya coba memahami dan mempelajari tentang AJAX, dan hasilnya saya tuliskan kembali dalam Blog ini.
Tutorial ini saya akan membahas tentang pencarian kata (search) dengan menggunakan AJAX, PHP, dan MySQL dalam sebuah kasus bukutamu.
Adapun cara kerja dari aplikasi ini adalah :
  1. User menginput kata yang dicari.
  2. Dengan “event handling” à onkeyup, setiap user memasukan kata, maka program akan menjalankan fungsi pencarian.
  3. Hasil pencarian akan ditampilkan dalam table.

File-file yang dibutuhkan :

Dalam membuat aplikasi ini ada beberapa file yang dibutuhkan yaitu :
  1. index.php berisi form untuk memasukan kata yang dicari.
  2. ajax.js berisi fungsi untuk membuat koneksi asynchronous dengan server.
  3. proses.php berfungsi untuk memproses kata yang dicari dan menampilkannya kembali ke halaman (file) index.php.

Pertanyaan :

Bagaimana cara ajax menampilkan data yang sudah di proses ke dalam halaman utama aplikasi??
<form>
<b>Cari disini : </b><input type=”text” size=”25″ />
</form>
<br />
<div id=”pencarian”></div>

ajax menampilkan data hasil proses ke dalam tag yang sudah di definisikan didalam halaman utama aplikasi yaitu  <div></div>. dan tag tersebut sudah dicantumkan didalam file ajax yaitu             var obj=document.getElementById(“pencarian”);

Konsepku :

Dari penjelasan diatas dapat diketahui alurnya adalah :
Index.php ———–ajax.js ———-proses.php
  1. Dimana, file index.php mengirim data melalui file ajax.js (tanpa melakukan refresh halaman).
  2. File ajax.js meneruskan pengiriman data dengan tujuan file proses.php
  3. File proses.php mengolah data dan menampilkan data kedalam file index.php dengan bantuan tag <div></div>.
Pencarian Ajax Gambar
Download file Pencarian PHP Ajax :
Referensi Pencarian PHP biasa :
Selamat Mencoba !!!





Tutorial terkait dengan Aplikasi Ajax PHP :Cara Membuat Aplikasi Pencarian dengan AJAX PHP :

Terimakasih Atas Kunjungan Sahabat Setia Belajar Pintar PHP
Judul Pelajaran PHP : Aplikasi Ajax PHP :Cara Membuat Aplikasi Pencarian dengan AJAX PHP
Ditulis oleh Ivan Silalahi
Rating postingan ini 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://planetsphp.blogspot.com/2012/11/aplikasi-ajax-php-cara-membuat-aplikasi.html. Terima kasih sudah singgah membaca artikel ini. Jangan lupa like dan sharenya serta komentarnya
1 comments:
Sahrul Ahmed said... Balas

maksih gan, sangat membantu,...

Post a Comment

Template by Tutorial Website - Belajar Pintar PHP. Design by Ivan Silalahi | Copyright of Belajar Pintar PHP.