How can I POST an object array with Jquery?

Question

Is this even possible? I've been searching and reading for hours and 99% of the posts are about JSON. I just have an object array I want to POST, nothing special.

var arr = [];
arr.push({"name":"steve", "age":35});
arr.push({"name":"sam", "age": 25});

on the other end (node.js), I get this:

{ steve: '', sam: '' }

I'd be incredibly happy to get something similar to

[{"name":"steve", "age":35},
{"name":"sam", "age": 25}]

I feel like I'm missing something incredibly simple, because this seems trivial. I'm not constructing the array myself and this is the format I receive it in. I figured it would be something I could just throw into an $.ajax() post and grab it on the other side.

I've tried so many different combinations of the ajax call

$.ajax({
    method: "POST",
    data: theArray,
    url: someAddress
})

with type instead of method, contentType, dataType, etc, etc with no luck. Spent a whole bunch of time on http://api.jquery.com/jQuery.ajax/ but everyone wants to send JSON. I tried JSON.stringify() on the client, but JSON.parse()on the server side results in giving me data just like my "on the other end..." example above.

Mayank K. Swami · Accepted Answer · 2015-03-26 06:26:45Z

4

You should use like so data is sent as json string.

$.ajax({
    method: "POST",
    data: JSON.stringify(theArray),
    content type:" application/json",
    url: someAddress
})

edited Mar 26, 2015 at 6:26

Mayank K. Swami

57.3k23 gold badges130 silver badges148 bronze badges

answered Mar 26, 2015 at 6:20

Saravanan

7,8645 gold badges44 silver badges77 bronze badges

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

1 Comment

Saravanan Over a year ago

Sorry, I was posting from my mobile, so hard to do formatting

Vivek Gupta · Accepted Answer · 2015-03-26 06:18:37Z

1

Try something

   $.ajax({
        url: "testcookie.php",
        type: "POST",
        data: {
            'arr[]': JSON.stringify(arr)
        }
    });

answered Mar 26, 2015 at 6:18

Vivek Gupta

1,0455 silver badges7 bronze badges

1 Comment

sdouble Over a year ago

using $.ajax({ type: 'POST', data: { 'arr': JSON.stringify(arr) }, url: 'http://localhost:3000/people/new' }) gets it through. var d = JSON.parse(req.body.arr); console.log(d[0].name); outputs steve. Perfect.

Jite · Accepted Answer · 2015-03-26 06:23:08Z

1

A post request is expected to be a key-value pair.
If you give your array a key:

$.ajax({
  method: "POST",
  data: JSON.stringify({"myArray": theArray}),
  url: someAddress
})

You should be able to retrieve it from the Post body 'myArray' key on the other side.

answered Mar 26, 2015 at 6:23

Jite

5,8772 gold badges28 silver badges40 bronze badges

4 Comments

sdouble Over a year ago

node.js receives it as { '{"myArray":[{"name":"steve","age":35},{"name":"sam","age":25}]}': '' } req.body.myArray = undefined, req.body[0] = undefined, req.body['myArray'] = undefined, JSON.parse(req.body) gives a SyntaxError. Not sure where to go from here.

Jite Over a year ago

Node.js should receive it as a string '{"myArray":[{"name":"steve","age":35},{"name":"sam","age":25}]}' Which you then convert into an object: var theObject = JSON.parse(data); Then you should be able to use it with theObject.myArray.

sdouble Over a year ago

$.ajax({         type: 'POST',         data: JSON.stringify({"myArray": theArray}),         url: 'http://localhost:3000/people/new'     })

Jite Over a year ago

Try without the JSON.stringify (and remove the ; after the url).

Neerajlal K · Accepted Answer · 2015-03-26 10:14:35Z

0

Convert that object to a String using String() function or use JSON.stringify().

$.ajax({
    method: "POST",
    data: String(theArray),
    url: someAddress
});

edited Mar 26, 2015 at 10:14

answered Mar 26, 2015 at 6:23

Neerajlal K

6,8263 gold badges26 silver badges34 bronze badges

1 Comment

sdouble Over a year ago

Using this gives me an output on the server side as { '[object Object],[object Object]': '' }

Collectives™ on Stack Overflow

How can I POST an object array with Jquery?

4 Answers 4

1 Comment

1 Comment

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related