Tuesday, December 17, 2013

Serialize form in jquery Example

Serialize form in jquery Example : HTML Form


<form id='d34' class='form_example' name='customercontact' method='post' action='customerUpdate.php'>
Form <br />
Name: <input type='text' name='name' class='textbox' value=''><br />
Number: <input type='text' name='number' class='textbox' value=''><br />
E-mail: <input type='text' name='contact_email' class='textbox' value=''><br />
</form>
<br><br>
<button id="form_save">Main button</button>

Serialize form in jquery Example : JQuery Code


$(document).ready(function() {
$('#form_save').click(function(e){
e.preventDefault();
$.each($('form.customer_contact'), function(index) {
var sData = $(this).serialize();
$.ajax({
type: "POST",
url: "updateCustomer.php",
data: sData,
success: function(someMessageFromPhp) {
alert(someMessageFromPhp);
}
});
});
});
});

No comments:

Post a Comment