Showing posts with label Serialize form. Show all posts
Showing posts with label Serialize form. Show all posts

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);
}
});
});
});
});