How pass int array from jquery ajax to asp.net mvc action

Question

I have tried many stackoverflow posts, but I have always the same result. The passed int array always null.

Here the asp.net mvc action which accept the int array of ids.

[HttpPost]
public ActionResult Downloads(int[] ids){
    return RedirectToAction("Exports", ids);
}

This is the ajax call, which is send the values.

var url = '@Url.Action("Downloads")';
var values = [1,2,3];
$.ajax({
    url: url,
    type: 'POST',
    dataType: "json",
    contentType: 'application/json; charset=utf-8',
    traditional: true,
    data: JSON.stringify({ids: values })
});

I have no idea what I make wrong. I have passed the ajax's date like a simple array: data: values or without stringify, but the asp.net mvc never accept the int array. It seems the traditional parameter of ajax object does not do anything.

@RoryMcCrossan in this case I get a 'Invalid JSON primitive ids' error message. OK, content-type had to be removed too. — Dabagab
– Dabagab, Commented Nov 15, 2018 at 13:42
Glad you got it working, I added it as an answer for you below — Rory McCrossan
– Rory McCrossan, Commented Nov 15, 2018 at 13:54

Rory McCrossan · Accepted Answer · 2022-10-19 13:53:23Z

2

If you want to send values using traditional encoding then you shouldn't JSON encode the data you're sending. As such, remove the JSON.stringify() call, as well as the contentType. Try this:

$.ajax({
  url: url,
  type: 'POST',
  dataType: "json",
  traditional: true,
  data: { ids: values }
});

edited Oct 19, 2022 at 13:53

answered Nov 15, 2018 at 13:54

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

Negi Rox · Accepted Answer · 2018-11-15 13:37:38Z

0

Just remove JSON.stringify it will work.

[HttpPost]
public JsonResult Test(int[] ids)
{
   return Json("Integers. " + ids);
}

//In Jquery please put this.

var PostData = {};
PostData.ids = [1, 2, 3, 5];
var ajaxOptions = {
        type: "POST",
        url: '@Url.Action("Test", "Settings")',//Actionname, ControllerName
        data: PostData,
        dataType: "json",
        success: function (result) {
            console.log(result);
        },
        error: function (result) {

        }
};
$.ajax(ajaxOptions);

edited Nov 15, 2018 at 13:37

answered Nov 15, 2018 at 13:28

Negi Rox

3,9421 gold badge14 silver badges18 bronze badges

Collectives™ on Stack Overflow

How pass int array from jquery ajax to asp.net mvc action

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related