Wednesday, January 21, 2015

Jquery Ajax clear form after submit

How to clear your form after submission using Jquery

The easiest way is using

$('#formId').trigger("reset")


Example

$(document).ready(function(e) {
    $("#btntambah").click(function(){
        var nama = $("#txtnama").val(); // cara jquery mangambil value dari object html dengan id txtnamaprd
        var kota = $("#txtkota").val();
        var detail = $("#txtdetail").val();
       

    $.ajax({ // ajax jqeury untuk mengirim value dengan methode post
            type: "POST",
            url: urlService+'proses.php?mode=add', // proses.php berisi php dengan script sql insert
            data:"txtnama="+nama+'&txtkota='+kota+'&txtdetail='+detail,
            success: function(data){
                $("#result").html(data); // callback respon ajax apabila proses.php berhasil, hasil dikembalikan ke halaman html di tag dengan id #result
            }
    });
   
$('#frmnasabah').trigger("reset") // form field di reset
   


    })
});


No comments:

Post a Comment