Saturday, September 14, 2013

Jquery ajax form post

Berikut ini ane coba berbagi sediki cara post dari satu form tanpa harus berpindah halaman atau loading halaman di browser dengan menggunakan jquery ajax

Langsung aja

<!-- script jquery -->
<script>
$(document).ready(function(){
  $('#frmkirim').submit(function(){
    $.ajax({
        type: 'POST',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function(data){ $('#sukses').html(data); }
    });
    return false;
  });
});
</script>

<div id="sukses"></div>

<form id="frmkirim" method="POST" action="">
   <label for="nama">Nama :</label>
   <input type="text" name="nama" id="nama">
   <label for="email">E-mail :</label>
   <input type="text" name="email" id="email">
   <label for="hp">Hp :</label>
   <input type="text" name="hp" id="hp">
</form>

Moga bermanfaat.
Wassalaam

No comments:

Post a Comment