Web API model binding not working

Question

Why is Web API model binding so complicated by default: I tried a lot of combinations but none of them seem to work. This is ajax request:

var dataString = JSON.stringify({
            request: Request
        });
var request = Request;
$.ajax({
        type: "POST",
        data: '='+dataString,
        // contentType: 'application/x-www-form-urlencoded',
        contentType: "application/json; charset=utf-8",
        dataType: "json",

This is controller:

public AccResultObject Post(string jezik, string page, string size, string sort,AccRequestViewModel model)

This is AccRequestViewModel

public class AccRequestViewModel
{
    public AccRequestObject request { get; set; }
}

and this is AccRequestObject:

public class AccRequestObject
    {

        public int FM { get; set; }
        public int Budget { get; set; }
        public string WebCatID { get; set; }


        public int Distance { get; set; }
    }

Whatever I do, controller gets null value.

I tried this also. It seems very logical:

 var dataString = JSON.stringify({
            request: Request
         });
 $.ajax({
        type: "POST",
        data: dataString, ...

and controller receives AccRequestObject:

  public AccResultObject Post(string jezik, string page, string size, string sort,[FromBody] AccRequestObjectmodel)

It works great except this small problem. Values are not binded.

What is the structure of the "Request" which is being stringified? You also don't need to prepend '=' to the data part of the ajax call. — WestDiscGolf
– WestDiscGolf, Commented Nov 21, 2014 at 9:03
You shouldn't need to and as you're getting nulls in the binder maybe try removing it :-) Please provide the json you are trying to POST as without it it's hard to determine the issue — WestDiscGolf
– WestDiscGolf, Commented Nov 21, 2014 at 12:02

Mike_G · Accepted Answer · 2014-11-21 18:45:02Z

2

Make sure the properties of each object you are creating in javascript match exactly to the code model. If a property name is uppercase in the code model, it needs to be uppercase in the js. Other than that, to post a model with jquery to a Web Api controller is pretty simple:

//code model
public class MyModel{
    public int MyProperty{get;set;}     
}

//js
$.ajax({
        contentType: "application/json",
        dataType: 'json',
        url: 'http://api/to/my/controller',
        data: JSON.stringify({MyProperty: 1}),
        type: "POST"
    });

answered Nov 21, 2014 at 18:45

Mike_G

16.6k15 gold badges72 silver badges103 bronze badges

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

2 Comments

Milen Kovachev Over a year ago

can we somehow avoid having the uppercase in the js? Setting the jsonFormatter.SerializerSettings.ContractResolver = new CamelCasePropertyNamesContractResolver(); does not work.

Mike_G Over a year ago

@MilenKovachev Id imagine you could write your own: newtonsoft.com/json/help/html/…

bbsimonbb · Accepted Answer · 2020-11-04 21:41:02Z

1

In the C#, make sure your properties are public properties, not fields.

public class MyBindingModel
{
    public string myProp{ get; set; }
}

edited Nov 4, 2020 at 21:41

answered Jun 29, 2017 at 14:02

bbsimonbb

29.3k18 gold badges92 silver badges129 bronze badges

1 Comment

AaronLS Over a year ago

They need to be public as well.

Collectives™ on Stack Overflow

Web API model binding not working

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related