Send array in ajax query

Question

I'm trying to send an array from JavaScript to PHP with the $.post() method of Jquery.

I've tried jQuery.serialize(), jQuery.serializeArray(), JSON.stringify() and all of them didn't work.

Here is my code:

$.post("ajax/"+action+"_xml.php",{'array': array},function(data){console.log(data);});

the array looks like this :

array["type"]
array["vars"]["name"]
array["vars"]["email"]

array["vars"] has more than 2 elements.

The result in my php $_POST variable is an empty array (length 0).

Johan · Accepted Answer · 2013-05-09 20:45:32Z

1

I would suggest the following structure on the data which you pass:

Javascript:

var DTO = { 
    type: [1,2,3],
    vars: {  
        name: 'foo',
        email: '[email protected]'
    }
};

var stringifiedData = JSON.stringify(DTO); 

// will result in:
//{"type":[1,2,3],"vars":{"name":"foo","email":"[email protected]"}} 

$.post("ajax/"+action+"_xml.php",{'DTO': stringifiedData },function(data){
    console.log(data);
});

PHP:

header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

$DTO = $_POST['DTO'];

if(isset($DTO))
{
    $assocResult = json_decode($DTO, true);
    var_dump($assocResult); //do stuff with $assocResult here
}

Passing true as the second argument to json_decode will make it return an associative array.

http://php.net/manual/en/function.json-decode.php

edited May 9, 2013 at 20:45

answered May 9, 2013 at 20:39

Johan

35.4k62 gold badges191 silver badges309 bronze badges

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

2 Comments

Wanceslas Over a year ago

Thanks, I did like you. I built an object instead of an array and I've used JSON.stringify and in my php I've used json_decode. Everything is working perfectly, Tanks alot.

ernie Over a year ago

+1 for the sample and the detail on both sides . . . would have been perfect if it explained why the previous method wasn't working . . .

Wurstbro · Accepted Answer · 2013-05-09 20:40:03Z

0

I'm not sure whether you can post an array like that.

Splitting it should work just fine:

$.post("ajax/"+action+"_xml.php",{'type': array["type"], 'name' : array["vars"]["name"],...},function(data){console.log(data);});

answered May 9, 2013 at 20:40

Wurstbro

9841 gold badge9 silver badges21 bronze badges

1 Comment

Jeff Noel Over a year ago

This way might not be the best considering an array with dozens of keys. (possibility)

Community · Accepted Answer · 2017-05-23 12:29:22Z

0

You need to turn your javascript array into a string, as that's all the post() method accepts. Most people do this by converting their array to JSON.

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered May 9, 2013 at 20:41

ernie

6,37626 silver badges29 bronze badges

1 Comment

Johan Over a year ago

Since there is nothing wrong with your answer, here's an upvote to nullify it ;)

Collectives™ on Stack Overflow

Send array in ajax query

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related