Form serialize with ajax post

Question

I was trying to post the form data with onclick event in an ajax function.but the data are not being posted in the next page. I was using the serialize method of from data submission but its not working. Meanwhile when I use jQuery .val function it captures the right data in th right field

Here is my html:

             
                
                   
                      
                         Customer Information
                      
                      
                         Registry Details
                      
                      
                         E-mail
                      
                      
                         Add Comment
                      
                   
                   
                      
                          Customer ID: *
                          
                          Customer Name: *
                          
                          E-mail: *
                          
                          Telephone#1: *
                          
                          Telephone#2:*
                          
                         Pattern
                      
                      
                          Address: *
                          
                          City: *
                          
                          Province: *
                          
                          Postal code: *
                          
                          Country: *
                         
                         Newsletter

and here is the ajax call:

$("#update-registry").on("click",function(){
        $.ajax({
        type: "POST",
        url: "ajax/update_customer.php",
        data:$("from#customer_form").serializeArray(),
        beforeSend: function() {

        },
        success: function(msg) {
            $("#registry").find(".update_registry").html(msg);
        },
        error: function() {
            alert("failure");
        }
    });
})

Jai · Accepted Answer

See the form ID:



There is a typo:  

 data:$("from#customer_form").serializeArray(),
 //------^^^^----------^^^^should be from
 //------^^^^should be form


change from to form. Even better as IDs are unique so there is no need to prefix the tag name:  

 data:$("#customer_from").serializeArray(),

Form serialize with ajax post

Answers (1)

Related Questions