Convert JSON Object to URL Params / MVC3 / JQuery

Question

If I have an object array like this...

var p = [{ 'first': 'John', 'last': 'Doe' }, { 'first': 'Sue', 'last': 'Smith' }];

And I need to append it to the URL like this...

/myapp/myaction?p[0].first=John&p[0].last=Doe&p[1].first=Sue&p[1].last=Smith

Is there something in JQuery that will help me do this without having to process it manually?

Basically, I have an object like the people array, and I need to send it to ASP MVC3 in a format that it will understand and bind to a list. MVC3 understands nested items encoded in the "dot" format (e.g. p[0].first).

FYI { first='John', last='Doe' } is not a valid JSON object, it should be at least { 'first':'John', 'last':'Doe' } — balexandre
– balexandre, Commented Apr 24, 2012 at 19:59
Thanks, I was writing quickly and did not check the code. I will update the question. — Kevin
– Kevin, Commented Apr 25, 2012 at 14:35

James Montagne · Accepted Answer · 2012-04-24 19:59:30Z

2

There may be an even better way, but something like this should work:

var params = $.map(p, function(n, i){
    return "p[" + i + "].first=" + n.first + "&p[" + i + "].last=" + n.last;
}).join("&");

If the properties of the objects are dynamic, you could use a for...in to loop over them.

answered Apr 24, 2012 at 19:59

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

1 Comment

Kevin Over a year ago

Thanks! This worked well. I was thinking there might be an existing method in JQuery that might do this, but this was super easy.

Collectives™ on Stack Overflow

Convert JSON Object to URL Params / MVC3 / JQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related