How to send json list of objects using jquery?

Question

I try to send list of object like [{"name":"Vasya"},{"name":"Lila"}]

It's my code:

$.ajax({
    url: url
,   type: 'POST'
,   contentType: 'application/json'
,   data: data
,   success:  function(response) {
        showPopup(response.successMessage);
    }
});

Where alert(JSON.stringify(data)); shows: [{"name":"Vasya"},{"name":"Lila"}]

But when I am checking my request in chrome debug mode the request contains undefined= instead correct data.

What I do wrong? Is this syntax incorrect according to JSON?

@mplungjan was that supposed to be sarcastic? Or did you really mean it? — Amit Joki
– Amit Joki, Commented Jan 31, 2015 at 15:18
Remove the contentType option to send the data as x-www-form-urlencoded, or stringify the object as JSON to actually send JSON, now you're telling the server that whatever you're sending should be valid JSON, but you're sending x-www-form-urlencoded — adeneo
– adeneo, Commented Jan 31, 2015 at 15:18
@adeneo shouldn't the request at least contains name=Vasya&name=Lila though? OP mentioned Chrome is sending it as undefined instead. — hndr
– hndr, Commented Jan 31, 2015 at 15:21

Barmar · Accepted Answer · 2015-01-31 15:16:50Z

1

You need to stringify the object when sending it so that you send JSON.

, data: JSON.stringify(data)

answered Jan 31, 2015 at 15:16

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Collectives™ on Stack Overflow

How to send json list of objects using jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related