Angular POST and Web API

Question

My code is as the following:

    var response = $http({
        method: 'post',
        withCredentials: true,
        dataType: "json",
        data: JSON.stringify(payload),

        headers: {
           'Content-Type': 'application/json; charset=utf-8',
        },
        url: url
    });

where payload looks like this: {"CASEID":3,"CASENUMBER":"ANY ","TITLE":"ANY "}

Backend code:

public CL_CASE Post([FromBody]CL_CASE value)
    {....

When running it as it's shown value is null. If I change headers to 'Content-Type': 'application/x-www-form-urlencoded' then I do get value but with properties equal to null/0 . What am I doing wrong?

Thanks

David · Accepted Answer · 2015-09-03 12:47:40Z

1

You don't need to call JSON.stringify. This results in sending a string to the server, not an object. And since the WebAPI model binder is expecting a CL_CASE object, it has no way to populate that object from just a string.

Simply send the object itself:

data: payload

To be honest, I don't think you need the headers option at all in this case either. Let the default functionality handle it:

$http({
    method: 'post',
    withCredentials: true,
    dataType: 'json',
    data: payload,
    url: url
})

edited Sep 3, 2015 at 12:47

answered Sep 3, 2015 at 12:21

David

221k42 gold badges245 silver badges337 bronze badges

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

3 Comments

Mark Over a year ago

No, I am getting the same.

David Over a year ago

@Mark: What happens if you take out the headers option entirely? What does the class CL_CASE look like? When you debug in the browser, what are the details of the actual HTTP request being made?

Mark Over a year ago

Can someone, please explain why it works with no headers?

Collectives™ on Stack Overflow

Angular POST and Web API

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related