Why can't I send an array of data in jQuery ajax/post?

Question

I have this JavaScript source:

var mydata = [];

$('.myManyElements').each(function() {
    mydata.push({
        'id': $(this).data('id'),
        'quantity': $(this).data('quantity'),
        'price': $(this).data('price'),
        'price_total': Order.getTotalPrice()
    });
});

$.post('/archive', mydata, function(data) {
    if(data.success) {
        alert(data.response);
    } else {
        alert('Custom Error Report!');
    }
}, 'json');

And in my /archive request I have this sample PHP:

echo json_encode(array(
    'success' => true,
    'response' => print_r($_POST, true),
));

When I check Firebug's NET panel for XHR, in the POST tab it says that I've sent this:

undefined=

When I get my response in my alert it outputs:

Array
(
    [undefined] => 
)

Why can't I send an array of data for my POST request?

How did you expect it to be sent? There's no standard way to send an array of objects... — Ry-
– Ry- ♦, Commented Nov 7, 2012 at 0:29
as it says in the jquery docs: If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below). — see at: api.jquery.com/jQuery.ajax — user1386320
– user1386320, Commented Nov 7, 2012 at 0:34
Note how it says "based on the value of the traditional setting"? Set that to true :) (It's not on by default, probably because that's an incorrect serialization.) — Ry-
– Ry- ♦, Commented Nov 7, 2012 at 0:36

Gabriele Petrioli · Accepted Answer · 2012-11-07 00:33:55Z

1

Try

$.post('/archive', {'mydata': JSON.stringify(mydata)}, function(data)

answered Nov 7, 2012 at 0:33

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

3 Comments

user1386320 Over a year ago

well this works perfectly like in a Dream... this will do the job :) thanks! accepting after a few min's!

gen_Eric Over a year ago

Why are you using JSON.stringify? It should work just as {mydata: mydata}.

Gabriele Petrioli Over a year ago

Because that way you get it as JSON on the backend, and my understanding is that this is what the OP is about..

Collectives™ on Stack Overflow

Why can't I send an array of data in jQuery ajax/post?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related