Submit array param with jQuery ajax/load

Question

public ActionResult DoSomething(string[] arr, bool someBool, int someInt) { }

trying to call the above method from jQuery:

var test = [];
test.push('dog');
test.push('cat');

$container.load('MyController/DoSomething',
                { 'arr[]': test, 'someBool': true, 'someInt': 1 },
                function(response, status, xhr) {
                    // ...
                });

the array paramater is null, other params are fine. What am I doing wrong?

Chrome developer tools shows form data being submitted as

arr%5B%5D%5B%5D:dog
arr%5B%5D%5B%5D:cat
someBool:true
someInt:1

not sure whats going on there but doesn't look right to me

Darin Dimitrov · Accepted Answer · 2010-10-15 13:25:29Z

29

If you are using jquery 1.4 you might need to set the traditional parameter to true in order to be compatible with the default model binder format in ASP.NET MVC:

var test = [];
test.push('dog');
test.push('cat');

$.ajax({
    url: 'MyController/DoSomething',
    type: 'GET',
    traditional: true,
    data: { arr: test, someBool: true, someInt: 1 },
    success: function(result) {
        $container.html(result);
    }
});

or if you prefer the .load() method:

var data = { arr: test, someBool: true, someInt: 1 };
$container.load('MyController/DoSomething', $.param(data, true), 
    function(response, status, xhr) {
    // ...
});

edited Oct 15, 2010 at 13:25

answered Oct 15, 2010 at 13:19

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

4 Comments

fearofawhackplanet Over a year ago

yep that's it. I've actually come across this problem before but had forgotten until this answer jogged my memory.

Jim Liddell Over a year ago

Thanks for the example using 'load' instead of 'ajax'.

Felipe Leão Over a year ago

Same issue happens with Java Struts2 and this fix is also good for Struts2

justian17 Over a year ago

Thanks especially for these three lines: var test = []; test.push('dog'); test.push('cat'); I don't know what I was doing wrong, but until I re-built my array using ".push", nothing worked for me.

BrunoLM · Accepted Answer · 2010-10-15 13:12:12Z

1

Just remove []

{ 'arr': test, 'someBool': true, 'someInt': 1 },

Posted values (checking with Firebug).

arr[]       dog
arr[]       cat
someBool    true
someInt     1

Example on jsFiddle

answered Oct 15, 2010 at 13:12

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

1 Comment

fearofawhackplanet Over a year ago

removing the brackets doesn't make it work, I already tried without. Though note the jQuery documentation gives the example with brackets, so I presume thats the correct way: $("#objectID").load("test.php", { 'choices[]': ["Jon", "Susan"] } );

Community · Accepted Answer · 2017-05-23 10:29:27Z

0

can you see if this problem is similar to yours:

Passing an nested arrays to asp.net mvc using jQuery's $.ajax

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Oct 15, 2010 at 13:14

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Comments

Suraj S Koneri · Accepted Answer · 2014-07-11 05:28:34Z

0

Even i was facing error, in passing array from HTML page to aspx page.

my requirement was to load the aspx page in a DIV tag of the html page. on the page load i need to pass these JS array values to aspx page load.

i used below method.

$('#<divTagID>').load("Targetpage.aspx",{"Arr":JSArrValues});

In aspx page load event i can access this values as:

string results = Response["Arr[]"];

Thanks to JQuery API documentation enter link description here and stackoverflow

answered Jul 11, 2014 at 5:28

Suraj S Koneri

1

Collectives™ on Stack Overflow

Submit array param with jQuery ajax/load

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related