Membuat Aplikasi Pencarian dengan AJAX

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??

Cari disini :

Ajax menampilkan data hasil proses ke dalam tag yang sudah di definisikan didalam halaman utama aplikasi yaitu :

var obj=document.getElementById(“pencarian”);

Konsep :

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.

Download

https://blogri32.blogspot.co.id/2017/12/free-downloads.html

Sekian tutorial dari saya yang ngalor-ngidul. Semoga Anda tidak tambah pusing dengan penjelasan tentang AJAX dari saya :D. Dan kurang lebihnya saya ucapkan terimakasih.

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 25 Januari 2010

KangAgus