MVC WebAPI + Angular post = every param is null on the server side

Question

I have the following class:

public class SomeArg
{
     public int name { get; set; }
}

the POST request sends that data

var requestData = {};
requestData.items = [{ name: 1 }, { name: 2 }];
requestData.logic = "and";

 $http.post('SomeAction/',
            JSON.stringify(requestData),
            { headers: { 'Content-Type': 'application/json' } }
           )
           .success(function (data, status, headers, config) {
           }).
           error(function (data, status, headers, config) {
           });

and the WebApi controller's action

[HttPost]
public HttpResponseMessage SomeAction(string logic = null,
        [FromUri]
        SomeArg[] items = null) { ... }

I can see that all of the arguments are null. Why ?

Chandermani · Accepted Answer · 2015-10-23 14:19:21Z

3

The API controller POST method should look like this

[HttPost]
public HttpResponseMessage SomeAction(string logic = null,
        [FromBody]SomeArg[] items = null) { ... }

And the angular call should not serialize the object. Angular will do it.

$http.post('SomeAction/',
            requestData,
            { headers: { 'Content-Type': 'application/json' } }
           )
           .success(function (data, status, headers, config) {
           }).
           error(function (data, status, headers, config) {
           });

Update: I rechecked item passed to server, i think you should create a single object on the server that encapsulates the data being passed in POST such as

public class ActionData {
  public string logic {get;set;}
  public SomeArg[] items {get;set;}
}

and use this as a single argument to your Web API function

public HttpResponseMessage SomeAction(ActionData data) { ... }

Please read how parameter binding works in webapi http://www.asp.net/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api

edited Oct 23, 2015 at 14:19

answered Oct 23, 2015 at 13:46

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

1 Comment

Tony Over a year ago

hmm, still the values are null

Collectives™ on Stack Overflow

MVC WebAPI + Angular post = every param is null on the server side

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related