Bismillah..
Kali ini Saya akan berbagi ilmu tentang bagaimana melakukan proses SUBMIT form dengan AJAX dan di teruskan script PHP.
Sebelumnya, men-definisikan AJAX itu apa sih ??.. AJAX singkatan dari Asynchronous JavaScript and XMLHTTP, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.
Oke, langsung aja ke code..
Pertama, buat koneksi ke database (hal ini, Saya menggunakan database MySQL). Berikut cara membuat koneksi ke database MySQL dengan PHP.
Kedua, buat Form Input dengan nama, input.php :
<script src="simpan.js"></script>
<table>
<tr>
<td align="center">FORM REGISTRASI</td>
</tr>
<tr>
<td>Nama Lengkap</td>
<td>
<input type="text" name="nama" id="nama" placeholder="Nama Lengkap" />
</td>
<tr height="30px" valign="bottom">
<td class="label_tny">Alamat</td>
<td>
<input type="text" name="alamat" id="alamat" placeholder="Nomor Telp / Phone Number" />
</td>
</tr>
<tr>
<td align="center">
<input onclick="Simpan()" type="button" name="submit" value="Simpan">
</td>
</tr>
</table>
Ketiga, buat file Javascript dengan nama simpan.js. Oiya, di file simpan.js ini, dimana script AJAX akan di tempatkan ;
<script>
function simpan(){
var noreg = document.getElementById("nama").value;
var norek = document.getElementById("alamat").value;
var dataString = 'nama1=' + nama + '&alamat1=' + alamat;
if (nama == '' || alamat == '') {
alert("Text Input tidak boleh kosong !!");
return false;
}else{
$.ajax({
type: "POST",
url: "control_simpan.php",
data: dataString,
cache: false,
success: function(result) {
window.location.href = 'view.php'
}
});
return true;
}
}
</script>
Keempat, kita buat file PHP, untuk simpan ke database, kita beri nama control_simpan.php :
<?php
$nama = $_POST['nama1'];
$alamat = $_POST['alamat1'];
include "koneksi.php"; //file koneksi php
$query=mysql_query("insert into nama_table (nama, alamat) values ($nama,$alamat)");
if(!$query){
return mysql_error();
}
?>
Okey, demikian tutorial cara Submit data dengan AJAX dan PHP, semoga bermanfaat..
Labels:
PHP
Thanks for reading TUTORIAL SUBMIT FORM DENGAN AJAX DAN PHP. Please share...!
