Form adalah objek yang digunakan untuk menerima input, pada tutorial kali ini kita akan membahas cara membuat form yang terisi secara otomatis menggunakan PHP dan Ajax, form otomatis ini berfungsi ketika kita ingin menginput suatu data maka data lainnya akan terisi secara otomatis dalam bentuk yang telah ditentukan, sesuai dengan data yang tersedia di database Cara Membuat Formulir Yang Terisi Secara Otomatis Menggunakan PHP dan Ajax, langkah pertama adalah membuat database baru dengan nama database siswa, pada database siswa kita akan membuat tabel dengan nama tabel siswa beserta fieldnya seperti yang terlihat dibawah ini  Selanjutnya setelah kita membuat database, kita akan membuat file koneksi untuk menghubungkan script yang kita buat dengan file database tersebut, dan silahkan sobat simpan script yang terdapat di bawah ini dengan nama koneksinya. php koneksi. php 1 2 3 $koneksi = mysqli_connect('localhost'< /a>, 'root', '', 'siswa'); ?> Selanjutnya kita akan membuat file index. html yang berfungsi sebagai halaman awal yang akan diakses terlebih dahulu, untuk membuat file index silahkan sobat simpan script yang terdapat di bawah ini dengan nama index. html indeks. php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 <. doctype html> <html> <kepala> <meta charset = "utf-8" > <judul>Tanpa judul Dokumen< / judul> < / kepala> termasuk'koneksi. php';?> include 'koneksi.php'; ?> <tubuh> <div kelas = "wadah"> <bentuk tindakan = ""> <tabel> <tr> <th>NIS< / th> <td><masukan ketik = "teks" nama = "nama" id = "nis" />< / td>> < / tr>
<tr> <th>Nama< / th> <td><masukan ketik = "teks" nama = "nama" id = "nama" dinonaktifkan / >< //a> td> < / tr> <tr> <th>Alamat< / th> <td><textarea nama = "alamat" id = "alamat" dinonaktifkan>< / textarea>< / td > < / tr> <tr> <th>Tipe Gender< / th> <td><masukan ketik = "radio" nama = "sex_type" nilai = "pria" dinonaktifkan / > Pria - pria <masukkan ketik = "radio" nama = "sex_type" nilai = "perempuan" dinonaktifkan / >Perempuan < / td> < / tr> < / tabel> < / bentuk>
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"> $(fungsi() { $("#nis"). mengubah(fungsi() { var nis = $("#nis"). val();
$. ajax({ url. 'proses. php', ketik. 'POST', Tipedata. 'json', data. { 'nis'. ini }, sukses. fungsi (siswa) { $("#nama"). val(siswa[' nama']); $("#alamat"). val(siswa[' alamat']);
var $sex_type = $('input. radio[nama=sex_type]');
jika(siswa['sex_type'] == 'pria') { $sex_type. filter('[value=male]'). prop('dicentang', benar); }lain{ $sex_type. filter('[nilai=perempuan]'). prop('dicentang', benar); } } }); });
$("bentuk"). kirim(fungsi() { waspada("Terus belajar");< /a> }); }); < / div> < / tubuh> < / html> Kemudian proses terakhir kita akan membuat proses untuk menampilkan data, dan silahkan teman-teman simpan script yang ada di bawah ini dengan nama prosesnya. php proses. php 1 2 3 4 5 6 7 <?php sertakan 'koneksi. php';
$kueri = mysqli_query($sambungan, "SELECT * FROM siswa WHERE nis='".mysqli_escape_string($sambungan, $_POST['nis']). "'"); $data = mysqli_fetch_array($kueri);
echo json_encode($data); Jika kita menjalankannya di browser, kita akan melihat hasilnya seperti di bawah ini Itu saja untuk kali ini teman-teman, ini adalah tutorial saya tentang cara membuat formulir isian otomatis menggunakan PHP dan Ajax, semoga bermanfaat |
Buat php autofill dengan perintah pilih
Pos Terkait
Copyright © 2024 kemunculan Inc.
