Widodo

Pencarian dengan ajax and php

Sebuah website atau aplikasi web untuk memiliki fitur pencarian data berdasarkan kata kunci tertentu. Misalnya pencarian data buku berdasarkan judul buku bisa juga pencarian berdasarkan penulis buku tersebut. Fitur pencarian ini sangat memudahkan pengguna untuk melakukan pencarian data. Jadi tidak ada alasan untuk tidak mengimplementasikannya pada website atau aplikasi web yang sedang kita kembangkan.

Pada artikel kali ini saya akan menunjukkan cara membuat sebuah fitur pencarian data artikel berdasarkan judul. Tidak seperti fitur pencarian pada umumnya, disini kita akan menerapkan Ajax untuk berkomunikasi dengan PHP untuk mendapatkan data dari database yang kemudian data tersebut akan dimunculkan pada halaman pencarian tanpa ada proses reload. nah untuk itu langsung saja kita belajar bersama sama untuk membuat fasilitas pencarian seperti facebook cekido.. :)


1. Pertama-tama sediakan kopi secangkir
2. Jangan lupa baca bismillah agar tidak terjadi error
3. buatlah databse dengan nama dbcari kemudian buatlah table tb_member
CREATE TABLE `tb_member` (
`id` int(12) NOT NULL AUTO_INCREMENT,
`nama` varchar(100) NOT NULL,
`keterangan` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
)

4. buat lah file conn.php file ini buat action koneksi masukkan scrip ini
$server = "localhost";
$db_user = "root";
$db_pass = "";
$db = "dbcari";
$koneksi=mysql_connect($server,$db_user,$db_pass);
mysql_select_db($db,$koneksi);

5. buatlah file index.php masukkan script ini

 

 

 

 
 

 


6. Buatlah file pencarian.php masukkan scrip ini

7. sekarang buatlah file ajax untuk memanggil file pencarian dengan nama (suggest) dan masukkan script ini
8. yang terakhir buat file cssnya dan masukkan didalah file index.php

 


Selamat Mencoba
 
Buat yang penasaran bisa lihat demonya
Pencarian Berdasarkan nama
  • Kang Kapuk
  • Randu Oktaran
  • Aryan Dhani
  • Coki Widodo
  • Zhey D'five
  • D'øsg Jøhn Øsç
  • Fathan Firdaus
  • Syauqi
  • Mas Erwin
 
JIKA TIDAK ADA EFEK APAPUN CEK JARINGAN ANDA OKE
 

 



0 Komentar