Sedang memuat Cara membuat autocomplete dengan PHP dan Jquery ...

Cara membuat autocomplete dengan PHP dan Jquery

Wednesday, April 13th, 2016 - PHP
autocomplite

autocomplite

Autocomplete dengan PHP dan Jquery – Belajar autocomplete dengan php dan Jquery  sangatlah mudah, metode ini digunakan untuk proses pencarian, Autocomplete disebut juga autosuggest.

Metode pencarian yang langsung bisa menampilkan data dari database, dengan mengetik huruf-huruf tertentu seperti pencarian di google
Berikut ini cara membuat form pencarian autocomplete dengan PHP MySQL dan Jquery. pertama buatlah database di localhost PHP MyAdmin dengan nama “dbbarang”..

Setelah itu buatlah tabel dengan nama “tbbarang” dengan field berikut ini:

kodebarang : char , 11, primary key
namabarang : varchar, 50
hargabeli : int, 11
hargajual : int, 11
stokawal : smallint, 6


seperti gambar dibawah ini.

autocomplete dengan PHP dan Jquery

autocomplete dengan PHP dan Jquery

 

Langkah selanjutnya adalah membuat file php bernama “barang.php”. Untuk scriptnya silahkan copy paste dibawah ini dan letakan dibawah tag
  <body>:
<div class=”demo” style=”width: 250px;”>
<div><p>Nama Barang : <input type=”text” id=”barang”></p></div>
</div>
 
<div id=”pilihan”>
</div>
 
Langkah selanjutnya buatlah file php dengan nama “proses_barang.php”. Untuk scriptnya silahkan copy paste kode dibawah ini:
<?php
mysql_connect(“localhost”,”root”,””);
mysql_select_db(“dbbarang”);
 
$q = strtolower($_GET[“q”]);
if (!$q) return;
 
$sql = mysql_query(“select namabarang from tbbarang where namabarang LIKE ‘%$q%'”);
while($r = mysql_fetch_array($sql)) {
 $nama_barang = $r[‘namabarang’];
 echo “$nama_barang n”;
}
?>
Selunjutnya jalankan program tersebut di web browser kesangan anda, dan hasilnya akan nampak seperti gambar dibawah ini:
 autocomplete dengan PHP dan Jquery

autocomplete dengan PHP dan Jquery

silahkan coba download contoh programnya [Disini].
Cara membuat autocomplete dengan PHP dan Jquery | Puji Asro | 4.5
/* */