How can I send int array from ajax to c# mvc?

Question

How can I send int array from $.ajax to c# mvc?

please give more detail of what you have tried and what result you are seeing, including code. — Ben Parsons, Feb 02 '12 at 09:47
I want to check all examples, but most of them send null to c# method. — Anton Lyhin, Feb 02 '12 at 10:01
I think @Darin Dimitrov has given the [appropriate answer here for this](http://stackoverflow.com/a/8871602/2014745) — Muhammad Ashikuzzaman, May 26 '16 at 10:25

score 40 · Accepted Answer · edited May 23 '17 at 11:54

40

$.ajax({
          url: <Url of the action>,
          type: "POST",
          data: JSON.stringify([1,2,3]),
          dataType: "json",
          contentType: 'application/json; charset=utf-8'
});

and in the action.

public ActionResult ReceiveIntArray(int[] ints)
{
   ...
}

mvc should parse the json automatically.

check out this question.

edited May 23 '17 at 11:54

Community

1
1

answered Feb 02 '12 at 09:11

Daniel

2,331
3
26
35

2

Doesn't work from my code... can't catch the reason. When I enter the method parameter is null. – Anton Lyhin Feb 02 '12 at 09:29
3

sorry you would have to use JSON.stringify([1,2,3]) i have edited the answer – Daniel Feb 02 '12 at 09:44
@Daniel it works for me too but, i have one question. why didn't matter what array name is ("ints")? Normally if data: { BasvuruId: BasvuruId}, in js , Variable name must be same (BasvuruId) in action. – MustafaP Jan 09 '14 at 13:47
dataType:"json" is often overlooked... at least, by me. – DavidCC Aug 10 '19 at 19:57

score 3 · Answer 2 · edited May 23 '17 at 12:09

3

Try solution from this question:

Set the traditional property to true before making the get call. i.e.:
jQuery.ajaxSettings.traditional = true

$.get('/controller/MyAction', 
    { vals: arrayOfValues }, 
    function (data) {
      ...
    }

edited May 23 '17 at 12:09

Community

1
1

answered Feb 02 '12 at 09:06

VMAtm

27,943
17
79
125

Code doesn't send values. Link is nice. – Anton Lyhin Feb 02 '12 at 10:04

score 2 · Answer 3 · edited Mar 13 '14 at 19:41

2

The simplest way would be to send a delimited (commas, possibly) string list of the ints as an argument on a GET request, then use Sting.Split() to parse them on your C# MVC receiver.

So, for example $.get("/path-to/receiver/", { myArray: myArray.toString() } );

Then, on the server, use

string[] stringArray = Request.QueryString["myArray"].ToString().Split(',')

to extract the values to a string array, then Int32.TryParse to finally get an array of ints.

jQuery GET Syntax
JS Array toString() syntax

edited Mar 13 '14 at 19:41

πάντα ῥεῖ

1
13
116
190

answered Feb 02 '12 at 09:06

Ben Parsons

1,425
1
14
30

Doesn't send values. There is nothing to parse. – Anton Lyhin Feb 02 '12 at 10:08
This is just an example - you would need to replace "myArray" etc with your own values. The request url should be something like /path-to/receiver/?myArray=your,array,contents – Ben Parsons Feb 02 '12 at 10:29

score 2 · Answer 4 · answered Feb 02 '12 at 09:12

The way I'm doing it is with a simple input:hidden element

<input type="hidden" name="elements" value='@String.Join(",", ViewBag.MyArray)' />

And in the JavaScript code I'm passing it as a string:

$.ajax({
   type: "POST",
   url: '/Controller/Method',
   data:
      {
          recipients: $("input[name=elements]").val()
      },
      traditional: true,
      success: updateSelected
});

And finally I just Split the elements like this:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Method(string elements)
{
    IList<long> selected = elements.Split<long>(',');
    ...
}

score 0 · Answer 5 · answered Jul 19 '17 at 10:02

0

Try this solution :

var Array = [10, 20, 30];

$.ajax({
    type: "Post",
    datatype: "Json",
    url: <Url of the action>,
    data: JSON.stringify(Array),
    contentType: 'application/json; charset=utf-8',

});

answered Jul 19 '17 at 10:02

Hero

177
2
12

How can I send int array from ajax to c# mvc?

5 Answers5

Linked