Dasar-dasar ajax jquery

Kembali lagi dengan saya admin di w3 blog ingin membagi tutorial ajax .
ajax mungkin sudah banyak di gunakan di web-web mendunia jangan sampai ketinggalan dengan pemrograman ini .

langsung saja to the point . membuat aplikasi form menggunakan ajax .

contoh pada file html terdapat sebuah form yang seperti berikut
<form method="post" name="form1">
Masukkan nama anda : <input type="text" name="nama" id="nama">
<input type="submit" value="Kirim" id="kirim">
</form>
 <div id="tampil"></div>

nah  itu code html .
nah sekarang masuk ke javascriptnya untuk memanggil sebuah ajax kita memrlukan sebuah master jquery.min.js
anda bisa download di website . http://jquery.com yang penting jquery lah entaah versi yang keberapa yang penting bisa di gunakan dengan lancar hahahahhhahah.

kode html dan javascriptnya jadikan 1 file biar nanti efisien

<script src="jquery.mi.js"></script>
<script>
$(function() {
$("#kirim").click(function(0 {
var nama = $("#nama").val();
$.ajax({
url : "validasi.php",
data : "nama="+nama,
method : "POST",
success : function(msg) {
$("#tampil").html(msg);
}
});
});
});
</script>

nah perhatikan pada bagian validasi.php jadi kita juga membutuhkan file php
coba kita buat yang sederhana saja .

validasi.php

<?php
if (@$_POST['nama'] != "")
{
echo $_POST['nama'];
}
?>

buat yang sederhana hanya menampilkan hasil input saja .
:) nantikan bisa di kembangkan sendiri .
sekian artikel dari w3 bila ada script yang salah maupun tidak jalan mohon di maafkan .
atau bisa hubungi admin mshodiqul@gmail.com