Cara Merancang Autocomplete Dengan PHP dan MySQLÂ – Pada sebuah laman atau program tentu ada beberapa fitur yang dapat menolong. Selaku contoh kasus yang dibahas kini bagaimana cara membangun autocomplete dengan php dan mysql. Nah fitur pencarian disini amatlah urgen pada menolong pengguna atau user pada menjalankan aktivitas.Â
Lalu kenapa pada sebuah fitur pencarian dikerjakan mempermudah, karena pada sebuah inputan disini agar dapat memberikan saran atau memberikan alternatif sesuai kata kunci yang dimasukan di inputan. Pastinya mesti dikerjakan sebuah fitur autocomplete dimana pengguna akan lebih nyaman. Jadi pengguna hanya mengetikkan kata kunci dan aplikasi dapat menampilkan daftar saran data yang dicari atau yang diinginkan.
Bagaimana cara membangun autocomplete dengan php dan mysql, silahkan simak strategi berikut:
bagi membangun fitur autocomplete dibutuhkan beberapa library seperti bootstrap dan UI jQuery seperti code dibawah ini
di code diatas saya menggunkan methoda CDN dan jikalau ingin memperoleh library diatas silahkan seketika ke situs resmi bootstrap serta jQuery.
Berikutnya bikin sebuah database kemudian ketikkan code bagi konfigurasi koneksi ke database seperti berikut:
|
1
2
3
4
5
6
7
8
9
10
11
|
<?php
$hostname=“localhost”;
$username=“root”;
$password=“”;
$dbname=“belajar-php”;
$connection = mysqli_connect($hostname,$username,$password,$dbname);
if (!$connection){
die(“Koneksi gagal:”.mysqli_connect_error());
}
?>
|
jikalau telah berikutnya membangun sebuah inputan bagi menampung data yang akan di ketikkan.
|
1
2
3
4
5
6
7
8
9
10
11
|
<body>
<div class=“container my-5”>
<h4>Cara Merancang Autocomplete dengan PHP dan MySql</h4>
<div class=“form-group”>
<label for=“nama”>Nama Murid Kursus:</label>
<input type=“text” id=“nama” name=“nama” value=“” class=“form-control” required/>
</div>
</div>
</body>
|
jikalau telah mengetikkan code diatas,tambahkan sintax javascript dengan menggunakan guna autocomplete dari JQuery di selector ID nama. Artinya bahwa guna autocomplete akan dijalankan di faktor dengan ID=’nama’ pada hal ini ialah tag input nama. Coba rekan-rekan sisipkan di bagian bode sintax dibawah ini:
|
1
2
3
4
5
6
7
|
<script>
$(function() {
$(“#nama”).autocomplete({
source: ‘auto_cek.php’
});
});
</script>
|
pada sintax diatas ada code source auto_cek.php di file tersebut adalah sebuah dimana ada command request ke database menggunakan command Query SQL, dan berikut codenya silahkan bikin file baru beri nama auto_cek.php
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<?php
include “config.php”; // include file koneksi
$searchkey = $_GET[‘term’]; // menangkap kiriman data dari inputan yang dimasukan
$query = “SELECT * FROM tbl_murid WHERE murid_name LIKE ‘%”.$searchkey.“%’ ORDER BY murid_name ASC”; //command query sql bagi menampilkan data di tabel murid dengan operator SQL = LIKE
$pencarian =mysqli_query($connection,$query); // query dieksekusi
// data ditampilkan dengan menggunakan perulangan
while ($row = mysqli_fetch_array($pencarian)) {
$data[] = $row[‘murid_name’];
}
// nilainya disimpan pada format json
echo json_encode($data);
?>
|
Seandainya seluruh code diatas telah rekan-rekan ketikkan kemudian buka ke browser dan coba ketikkan kata kuncinya seperti pada gambar berikut:
Saya kira lumayan pada pembahasan mengenai Cara Merancang Autocomplete Dengan PHP dan MySQL. Semoga bermanfaat dan hingga bertemu kembali dengan pembahasan lainnya.
terima kasih
sumber :kursuswebprogramming.com/blog/
