AJAX post string array to webapi 2

Question

Here is my ajax call:

var myIds = ["A","B","C"]
$.ajax({
    type: "POST",
    url: /DoStuffAndThings?year=2018&name=test,
    data: {myIds: myIds},
    traditional: false
});

Here is my controller action:

[HttpPost]
public void DoStuffAndThings(int year, string name, [FromBody] List<string> myIds) {
    // do stuff
}

year and name come through without issue but myIds is always empty.

Ive tried

data: {myIds: myIds} and data: myIds and data: {"": myIds} and I tried using Ienumerable<string> and List<string> and string[]

and I've tried traditional: true and false

Nkosi · Accepted Answer · 2018-10-25 18:48:39Z

1

The model binder is unable to parse the send data as it does not know the format

Use JSON.stringify along with the corresponding parameters

var myIds = ["A","B","C"];
$.ajax({
    type: "POST",
    url: "/DoStuffAndThings?year=2018&name=test",
    contentType: "application/json",
    dataType: "json",
    data:JSON.stringify(myIds),
    traditional: false
});

The model binder should then be able to recognize the string collection in the body of the request.

edited Oct 25, 2018 at 18:48

answered Oct 25, 2018 at 18:43

Nkosi

249k38 gold badges472 silver badges506 bronze badges

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

1 Comment

CuriousDeveloper Over a year ago

This works when i specify the contentType and dataType

Rodrigo Rocha · Accepted Answer · 2018-10-25 18:42:38Z

0

When sending data to a web server, the data has to be a string. Convert a JavaScript object into a string with JSON.stringify().

Before data, use JSON.stringify(myIds).

 var myIds = ["A","B","C"]
  $.ajax({
       type: "POST",
       contentType: "application/json",
       dataType: 'json',
       url: /DoStuffAndThings?year=2018&name=test,
       data: JSON.stringify(myIds),
       traditional: false
 });

answered Oct 25, 2018 at 18:42

Rodrigo Rocha

12 bronze badges

Collectives™ on Stack Overflow

AJAX post string array to webapi 2

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related