MVC model is null when posting json in ASP.Net Core

Question

All relevant code:

//JSON data
var dataType = 'application/json; charset=utf-8';
var data = {
    FirstName: 'Andrew',
    LastName: 'Lock',
    Age: 31
}

console.log('Submitting form...');
$.ajax({
    type: 'POST',
    url: '/Diary/Save',
    dataType: 'json',
    contentType: dataType,
    data: data,
    success: function (result) {
        console.log('Data received: ');
        console.log(result);
    }
});


[HttpPost]
public IActionResult Save([FromBody] Person person)
{
    return Json(person);
}



public class Person
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int Age { get; set; }
}

"person" in the Save method is always null. This should work...it feels perhaps like a settings issue? Do I need to make changes here:

 services.AddMvc(options =>
        {
        });

I do this in the Ajax method.. data: JSON.stringify(dataType), then in the controller action I take out [FromBody] — user5375600
– user5375600, Commented Feb 17, 2017 at 12:08
I think there's other jiggery you have to do in .net core to make it work without [FromBody] (I've tried your suggestion anyway though, still all nulls) — Paul
– Paul, Commented Feb 17, 2017 at 12:15
You're posting to /Diary/Index but the function is called Save. Is this just an error in the post here or are you running this specific code? — Niklas
– Niklas, Commented Feb 17, 2017 at 12:23
Why did you write contentType: dataType? You cannot reference the property above it like that. — Balázs
– Balázs, Commented Feb 17, 2017 at 13:37

Darin Dimitrov · Accepted Answer · 2017-02-17 13:33:39Z

7

You need to stringify the data that you are sending to the server to convert it to JSON because that's the content type header you indicated:

data: JSON.stringify(data)

answered Feb 17, 2017 at 13:33

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

Paul Over a year ago

What the ACTUAL hell?! I spent hours on this going round and round various combinations of this - I have previously added JSON.stringify, and it's not worked...so what have you done? C'mon, own up, you've been here?

Davoud Gharajeh · Accepted Answer · 2019-06-05 09:29:47Z

Please Try This Solution :
In Jquery File :

var data = {firstname : 'ali', lastname: 'alavi', age: 31};
var formData = new FormData();
formData.append('data',JSON.stringify(data));

$.ajax({
        type: "POST",        
        url: controllerUrl, //something like ~/[ControllerName]/[ActionName]
        data: formData,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        processData: false,
        contentType: false,
        success: function (data) {
            if (data.success)
                // ...
            else
                // ...
        },
        error: function () {
            // log error ...
        }
    });

Then In Your Controller try :

using Newtonsoft.Json;
.
.
.
 [HttpPost]
 public JsonResult CreateServicesPost(string data)
 {
     var personModel = new PersonModel();
     personModel = JsonConvert.DeserializeObject<PersonModel>(data);
      // ...
 }

And Your Perso Model Is :

public class CreateServicePostModel
{
        public string Firstname{ get; set; }
        public string Lastname { get; set; }
        public int Age { get; set; }
}

Collectives™ on Stack Overflow

MVC model is null when posting json in ASP.Net Core

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related