AJAX send JSON array not binding in controller

Question

I have an issue that my controller is not receiving the JSON array I send via AJAX as it's not binded to a model/ViewModel

This is what I am sending

You can see the array has a string id and text. Therefore I have tried adding my own model with the properties in:

And then trying to catch the array in the controller:

However you can see it's coming in the POST as NULL.

In Chrome -> Dev tools -> Network tab. The Form Data is

What am I missing?

Thanks

In Chrome Dev Tools, can you see the json payload in the Network tab? — Kevin Raffay
– Kevin Raffay, Commented Oct 5, 2018 at 15:54
Funny that, I probably was doing that as you wrote the message.. In the Network section under headers, the Form Data is "Undefined" — user3428422
– user3428422, Commented Oct 5, 2018 at 15:56

Nkosi · Accepted Answer · 2018-10-05 16:29:23Z

3

An array is posted but the action expects a single object.

Also for model binding from the body of the request you can use [FromBody] attribute

[HttpPost]
public IActionResult InsertMasterTemplate([FromBody]headingstree[] tree) {
    //...
}

ensuring to include:

contentType: "application/json; charset=utf-8",`

in the AJAX method,

answered Oct 5, 2018 at 16:08

Nkosi

249k38 gold badges472 silver badges506 bronze badges

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

1 Answer 1