Halo teman teman dumenity, balik lagi di tutorial tutorial pemrogramman web dumet school, kalo sebelum nya kita membuat autocomplete tidak dengan database, nah kali ini kita akan membuatnya dengan database MYSQL, yuk kita praktekan cara Membuat Autocomplete dengan MYSQL dan PHP.
pertama buat dulu database dan tabelnya di sini saya sudah membuat 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 buat 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 adalah kode kode untuk koneksi ke database mysql, bisa di sesuaikan dengan setingan database kalian yah teman teman. dan jjuda saya membuat query menyeleksi semua data dari table provinsi.
kemudian kita buat 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 buat script berikut sebelum penutup body
nah coba jalan kan di localhost. dan ketikan misalkan kita akan mencari provinsi jawa.
maka akan muncul autocomplete yang berkaitan dengan kata jawa, yang mana data tersebut datang dari database mysql kita.
sekian tutorial Membuat Autocomplete dengan MYSQL dan PHP, semoga bermanfaat
The post Membuat Autocomplete dengan MYSQL dan PHP appeared first on Kursus Website Terbaik.