Ajax kirim data form

Assalamaualaikum wr.wb
maaf sebelumnya saya sudah jarang posting di blog ini .
karena saya masih sibuk dengan tugas-tugas saya di dunia nyata .

hufft sekarang saya akan mencoba memberikan sedikit palajaran kepada kalian yang lagi belajar ajax dari dasar .

sebelum anda menggunakan tutorial ini anda harus mempunyai dulu master jquery .
karena ajax yang ini membutuhkan sebuah jquery .
coba download di jquery.com

maaf tidak membagi link downloadnya .
karena saya juga buru-buru dalama penulisana artikel ini .

ok langsung saja kita mulai dengan dasar kode yaitu HTML .
pertama buat file yang di mana file tersebut di isi menggunakan kode html dan php .

ni contoh sederhana .

Nama : <input type="text" id="nama">
Email : <input type="text" id="email">

jadi di dlam ajax kita tidak menuliskan form action juga tidak papa .

intinya di ambil adalah id dan class .
jangan lupa setiap membuat sebuah input harus ada id .
itu di gunakan untuk pengambilan data di ajax jquery .

nie contoh sederhanan dari jquery ajax .
<script>
$(functiom() {
var nama = $("#nama");
var email = $("#email");
$.ajax ({
 url : "input.php",
cahce : false,
data : "nama="+nama+"&email="=email,
method : "POST",
success : function(msg) {
$("#tampil").html($msg);
}
});
});
</script>

pada bagian $("#tampil")
itu anda bisa membuat div yang ber id tampil
<div id="tampil">
</div>

simpan html dan ajax dalam 1 file html ,

pada bagian input.php .
adalah file proses ,
anda tinggal membuat sebuah file input.php yang berisi .

contoh :
<?php
echo $_POST['nama'];
echo "<br>":
echo $_POST['email'];
?>

nie cuma contoh saja . semoga saja anda bisa mengembangkan sendiri .
sekian tutorial dari sya bila ada kesalahan dalam penulisan script mohon di maafkan

2 Responses to "Ajax kirim data form"

  1. $("#tampil").html($msg);

    heheehehe ,.. itu sLah gan , yg bner $("#tampil").html(msg);

    ReplyDelete
    Replies
    1. heheheh iya bener gan ,... maksih info nya

      Delete