Membuat Autocomplete dengan MYSQL dan PHP
Halo teman teman dumenity, balik lagi di panduan panduan pemrogramman web Source Code Aplikasi, kalo sebelum nya kita membangun autocomplete tak dengan database, nah kali ini kita akan membuatnya dengan database MYSQL, yuk kita praktekan cara Merancang Autocomplete dengan MYSQL dan PHP.
pertama-tama bikin dulu database dan tabelnya di sini saya telah membangun table dengan nama provinsi.
dan insert data tersebut, ketikan ini di SQL nya yah teman teman
INSERT INTO `provinsi` VALUES
('11', 'ACEH'),
('12', 'SUMATERA UTARA'),
('13', 'SUMATERA BARAT'),
('14', 'RIAU'),
('15', 'JAMBI'),
('16', 'SUMATERA SELATAN'),
('17', 'BENGKULU'),
('18', 'LAMPUNG'),
('19', 'KEPULAUAN BANGKA BELITUNG'),
('21', 'KEPULAUAN RIAU'),
('31', 'DKI JAKARTA'),
('32', 'JAWA BARAT'),
('33', 'JAWA TENGAH'),
('34', 'DI YOGYAKARTA'),
('35', 'JAWA TIMUR'),
('36', 'BANTEN'),
('51', 'BALI'),
('52', 'NUSA TENGGARA BARAT'),
('53', 'NUSA TENGGARA TIMUR'),
('61', 'KALIMANTAN BARAT'),
('62', 'KALIMANTAN TENGAH'),
('63', 'KALIMANTAN SELATAN'),
('64', 'KALIMANTAN TIMUR'),
('65', 'KALIMANTAN UTARA'),
('71', 'SULAWESI UTARA'),
('72', 'SULAWESI TENGAH'),
('73', 'SULAWESI SELATAN'),
('74', 'SULAWESI TENGGARA'),
('75', 'GORONTALO'),
('76', 'SULAWESI BARAT'),
('81', 'MALUKU'),
('82', 'MALUKU UTARA'),
('91', 'PAPUA BARAT'),
('94', 'PAPUA');
setelah itu kita bikin file data.php dan ketikan kode berikut.
<?php
$server = localhost;
$user = dumet;
$pass = school;
$dbname = webmaster;
$conn = mysqli_connect($server, $user, $pass, $dbname);
if(!$conn){
die(Connection Failed: .mysqli_connect_error());
}
$query = mysqli_query($conn, SELECT * FROM provinsi);
?>
nah di atas ialah kode kode bagi koneksi ke database mysql, dapat di sesuaikan dengan setingan database kalian yah teman teman. dan jjuda saya membangun query menyeleksi seluruh data dari table provinsi.
kemudian kita bikin file index.php
<?php include 'data.php'; ?>
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title>Document</title>
</head>
<body>
<form action=>
<label for=tag>Tag :</label>
<input type=text id=cari placeholder=cari di sini>
<button>Kirim</button>
</form>
</body>
</html>
setelah itu bikin script berikut sebelum penutup body
nah coba jalan kan di localhost. dan ketikan misalkan kita akan mencari provinsi jawa.
karenanya akan muncul autocomplete yang berkaitan dengan kata jawa, yang mana data tersebut datang dari database mysql kita.
demikianlah panduan Merancang Autocomplete dengan MYSQL dan PHP, semoga bermanfaat
Sumber https://kursuswebsite.org
