AJAX post with jQuery changing the name of an array parameter

Question

I'm doing a simple AJAX post using jQuery, works great:

var parameters = {firstName: 'John', lastName: 'Smith'};
$.post('http://api.example.com/rest', parameters, function(data) {
  alert('Response: ' + data.someResult);
});

However, when I add an array to the parameters like so:

var parameters = {firstName: 'John', lastName: 'Smith', children: ['Susy', 'Billy']};

Then the problem is the parameter name children gets changed to children[] (it's actually URL encoded to children%5B%5D) when POSTing to the server. I can't change the server to look for parameters with the name children[] so what do I do? How can I POST multiple values with the name children? Why is jQuery changing the name of my parameter?

Alnitak · Accepted Answer · 2011-05-04 18:19:57Z

6

I believe you need to enable traditional parameter encoding.

See http://api.jquery.com/jQuery.ajax/ and http://api.jquery.com/jQuery.param

As $.post doesn't have a specific option for this you'll either need to revert to $.ajax or use the global setting jQuery.ajaxSettings.traditional = true.

answered May 4, 2011 at 18:19

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

2 Comments

at. Over a year ago

Ok thanks! I'm concerned that setting a global value like that might interfere with other 3rd party scripts on my webpages? So I'll just use the $.ajax mechanism.

hippietrail Over a year ago

You can also call jQuery.param(parameters, true), passing the result where you currently pass raw parameters: jQuery.param()

Collectives™ on Stack Overflow

AJAX post with jQuery changing the name of an array parameter

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related