Problems send Javascript Array to Web API method with List<T> parameter

Question

I'm using AngularJS $http to send data to my Web API server. I don't know why, but my JS Array is not going to the server side, it's going NULL, the id is going OK.

This is what I have:

Client-Side:

var dataArray = [ { Prop1: "4674279" } ]; var id = 1; $http({ method : 'POST', url : 'http://localhost/Services/Controller/Method', auth : true, data: { 'id' : id, 'items' : dataArray }, headers: { "Content-Type": "application/json" }}) .success(function (data, status, headers, config) { if (status === 200) { return data; } }) .error(function (data, status, headers, config) { console.log('[ERROR] Status Code:' + status); }); 

Server-Side:

public partial class Item { public string Prop1 { get; set; } } public ReturnType Method(int id, List<Item> items) { } 

What I'm doing wrong? I've tried JSON.stringify and so on, but wont works.

Answer 1

You cannot do post to two parameter on the controller method. The standard mediatypeformatter would format to a single object

Your options are to

Create a class such as

public class ListItems { public int id {get;set;} public List<Items> Items {get;set;} } 

Or make the id as part of url such as

http://localhost/Services/Controller/Method/:id

Then the api method would look like

public ReturnType Method(int id, [FromBody]List<Item> items)