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-15T13:25:29.070

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 '10 at 13:25

answered Oct 15 '10 at 13:19

Darin Dimitrov

1,023,142
271
3,287
2,928

yep that's it. I've actually come across this problem before but had forgotten until this answer jogged my memory. – fearofawhackplanet Oct 15 '10 at 13:33
1

Thanks for the example using 'load' instead of 'ajax'. – Jim Liddell Apr 02 '12 at 13:22
Same issue happens with Java Struts2 and this fix is also good for Struts2 – Felipe Leão Jul 14 '14 at 19:14
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. – justian17 Oct 15 '15 at 14:26

score 1 · Answer 2 · answered Oct 15 '10 at 13:12

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 '10 at 13:12

BrunoLM

97,872
84
296
452

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"] } );` – fearofawhackplanet Oct 15 '10 at 13:22

score 0 · Answer 3 · answered Jul 11 '14 at 05:28

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

score 0 · Answer 4 · edited May 23 '17 at 10:29

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 '17 at 10:29

Community

1
1

answered Oct 15 '10 at 13:14

andres descalzo

14,887
13
64
115

Submit array param with jQuery ajax/load

4 Answers4

Linked