Buat form otomatis terisi dengan php-ajax

Saya ingin membuat form yg terisi otomatis berdasarkan data dengan menggunakan ajax. Isi script : [Code]Koneksi.php <?php $host = "localhost"; // Nama hostnya $username = "root"; // Username $password = ""; // Password (Isi jika menggunakan password) $database = "xprd"; // Nama databasenya

$connect = mysqli_connect($host, $username, $password, $database); // Koneksi ke MySQL ?>

[Code]form.php <!DOCTYPE html> <html> <head> <title></title> </head> <body> <form action=""> <table align ="center">

<tr><td>BARCODE</td><td><input type="text" onkeyup="isi_otomatis()" id="barcode"></td></tr> <tr><td>PLU</td><td><input type="text" id="plu"></td></tr> <tr><td>DESKRIPSI</td><td><input type="text" id="desc"></td></tr> <tr><td>KATEGORI</td><td><input type="text" id="kategori"></td></tr> <tr><td>LOKASI</td><td><input type="text" id="lokasi"></td></tr> </table> </form> <script src="js/jquery.min.js"></script> <script type="text/javascript"> function isi_otomatis(){ var barcode = $("#barcode").val(); $.ajax({ url: 'proses.php', data:"barcode="+barcode , }).success(function (data) { var json = data, obj = JSON.parse(json); $('#plu').val(obj.plu); $('#desc').val(obj.desc); $('#kategori').val(obj.kategori); $('#lokasi').val(obj.lokasi); }); } </script> </body> </html> [Code]proses.php <?php include "koneksi.php"; $barcode = $_GET['barcode']; $query = mysqli_query($connect, "select * from barang where barcode='$barcode'"); $detail = mysqli_fetch_array($query); $data = array( 'plu' => $detail['plu'], 'desc' => $detail['desc'], 'kategori' => $detail['kategori'], 'lokasi' => $detail['lokasi'],); echo json_encode($data);

?>

Kira2 salahnya dmn ya? Soalnya ga ngeload..

avatar Yohanez
@Yohanez

13 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

tolong code rapikan gan

1 Jawaban:

Jawaban Terpilih

coba ini ganti <pre> data:"barcode="+barcode , // ganti jadi data:{barcode:barcode} , </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban