jquery form ajax tutorial

Post at Sat, 16.April.2011 12:34:45 PM . 2799 Hits . Comments

Berikut tutorial untuk membuat form AJAX sederhana dengan menggunakan jquery (salah satu javascript framework).

Tahap 1.siapkan html file seperti dibawah ini , save dengan nama index.htm

<html>
<head>
<title>Tutorial</title>

<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
</head>

<body>

<form name="form1" method="post" action="">
<div>Nama : <input type="text" name="nama" id="nama"> </div>
<div>Umur :<input type="text" name="umur" id="umur"> </div>
<div>Email :<input type="text" name="email" id="email"> </div>
<input name="btnSave" id="btnSave" type="button" value="Save">
<div id="loading-box" style="display:none;">Loading...</div>
</form>
</body>

</html>

Pada tahap ini,....

[ READ MORE ]