jQuery Serialize() is not working in Ajax POST

Question

This is my AJAX request

$(document).ready(function(){
        $("#register-submit").click(function(){
        var formdata = {hotelname: $('#hotelName').val(), contactType: $('#contactType').val(), contactNumber: $('#contactNumber').val(), addrOne: $('#addrLineOne').val(), addrTwo: $('#addrLineTwo').val(),cityName: $('#cityName').val(), stateName: $('#stateName').val(),localityName: $('#localityName').val(), pincode: $('#pincode').val(), managerName: $('#mngrName').val(), managerEmail: $('#mngrEmail').val(), managerPhone: $('#mngrPhone').val()}
        jQuery.ajax({
                url: "../api/v1/admin/ch_partialBusinessRegister.php",
                data: JSON.stringify(formdata),
                type: "POST",
                async: false,
                success: function(res) {
                    var result = res.Result;
                    if(result.success === true)
                        {
                            alert("Random Password is Generated : "+res.Result.password);
                            window.location.reload();
                        }
                        else
                            alert("Registration Failed. "+res.Result.msg);
                }
            });

    });
});

In my ch_partialBusinessRegister.php

$inputJson = file_get_contents('php://input');
$post_vars = json_decode($inputJson, true);
$businessName = $post_vars['hotelname'];
$address1 = $post_vars['addrOne'];
$address2 = $post_vars['addrTwo'];
$locality = $post_vars['localityName'];
$city = $post_vars['cityName'];
$state = $post_vars['stateName'];
$zip = $post_vars['pincode'];
$mName = $post_vars['managerName'];
$mEmail = $post_vars['managerEmail'];
$mPhone = $post_vars['managerPhone'];

Am able to get the data and pass it in the POST parameters successfully. But when I change the formdata as

$(document).ready(function(){
            $("#register-submit").click(function(){
            var formdata = $('form').serializeArray();
            jQuery.ajax({
                    url: "../api/v1/admin/ch_partialBusinessRegister.php",
                    data: JSON.stringify(formdata),
                    type: "POST",
                    async: false,
                    success: function(res) {
                        var result = res.Result;
                        if(result.success === true)
                            {
                                alert("Random Password is Generated : "+res.Result.password);
                                window.location.reload();
                            }
                            else
                                alert("Registration Failed. "+res.Result.msg);
                    }
                });

        });
    });

and then JSON.stringify it, it is sending the variables through POST parameters like this

[{"name":"hotelName","value":"test"},{"name":"contactType","value":"LandLine"},{"name":"contactNumber[]","value":""},{"name":"AddrOne","value":"test"},{"name":"addrTwo","value":"test"},{"name":"pincode","value":"test"},{"name":"mngrName","value":"test"},{"name":"mngrEmail","value":"test"},{"name":"mngrPhone","value":"test"}]

But in PHP it is not reading the values.

Same way if I use

var mydata = $('form').serialize();
 data: JSON.stringify(mydata)

It Posts this data, but not read by PHP

"hotelName=&contactType=LandLine&contactNumber%5B%5D=&AddrOne=&addrTwo=&pincode=&mngrName=test&mngrEmail=test&mngrPhone=test"

But here you are using serializeArray() so why not instead use serialize() and use relevant name attribute for each input? — A. Wolff
– A. Wolff, Commented May 11, 2014 at 13:18
@A.Wolff updated question with serialize() and its POST data. Serialize and serializeArray both are not working for me — harishannam
– harishannam, Commented May 11, 2014 at 13:21
hotelName != hotelname start to fix it and the same for all your attributes name — A. Wolff
– A. Wolff, Commented May 11, 2014 at 13:24

MCHAppy · Accepted Answer · 2014-05-12 07:24:01Z

1

you can just add this

$(document).ready(function(){
        $("#register-submit").click(function(){
           jQuery.ajax({
           url: "../api/v1/admin/ch_partialBusinessRegister.php",
           type: 'post',
          data: {'inputJson': $('form').serialize()},
          dataType: 'json',
          success: function(res) {
                    var result = res.Result;
                    if(result.success === true)
                        {
                            alert("Random Password is Generated "+res.Result.password);
                            window.location.reload();
                        }
                        else
                            alert("Registration Failed. "+res.Result.msg);
                }
            });

    });
});

and in your php file you can just decode the array by typing

$inputJson=$_POST['inputJson'];
$post_vars = json_decode($inputJson, true);

and if you want to get the value of form tags

you can simply write

$tagValue=$post_vars['tagName']; // tag name inside the form which is sent using ajax

edited May 12, 2014 at 7:24

answered May 11, 2014 at 14:10

MCHAppy

1,0029 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

harishannam Over a year ago

Even if I directly use $_POST to get the value from form tags, It says Undefined Index in PHP. Its passing the Post values, but PHP is not reading it.

MCHAppy Over a year ago

sorry , i have made a mistake , there is no post like this $tagValue=$_POST['tagName']; instead you should write $tagValue=$post_vars['tagName']; i will edit the code right now

Ronen Cypis · Accepted Answer · 2014-05-11 13:54:56Z

0

just pass your 'myData' object as it is. don't stringify it.

answered May 11, 2014 at 13:54

Ronen Cypis

21.5k1 gold badge22 silver badges25 bronze badges

2 Comments

harishannam Over a year ago

In that case how to parse it in PHP? I have did a json_decode in php too

Ronen Cypis Over a year ago

I don't know PHP, but jquery takes this object, and send it as a [key=value] pairs to the server, so my guess is that you should handle it as you would usually read request's parameters in PHP... nothing special here...

Collectives™ on Stack Overflow

jQuery Serialize() is not working in Ajax POST

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related