When Posting data in ASP.NET MVC using ajax , Data is null

Question

When Debugging the MVCcontroller, all the properties of eventDetails are null, although from the client side the properties have values

Ajax Call

  $.ajax({
            type: "POST",
            url: "/Home/schedule",
            data: {
                EventDetailsId: 1,
                Location: scheduleData.location,
                EventName: scheduleData.title

            },
            contentType: 'application/json',
            success: function (data) {
                alert(data);
            },
            error: function () {
                alert("Error occured!!")
            }
        });

EventDetails Class

    public class EventDetails
        {
            public int EventDetailsId{ get; set; }
            public string Location { get; set; }
            public string EventName { get; set; }
    }

Post Call

 [HttpPost]
    public JsonResult Schedule(EventDetails eventDetails)
    {
        return Json(new { status = true });
    }

Abolfazl · Accepted Answer · 2020-02-20 21:19:18Z

1

When your input is complex type,Then server expects to receive a json format and deserialize it to the object type defined,in this scenario you are gonna have to meet server expectation. Change your javascript code as follows:

var arr = {
    'EventDetailsId': 1,
    'Location': scheduleData.location,
    'EventName': scheduleData.title

};
$.ajax({
    type: "POST",
    url: "/Home/schedule",
    data: JSON.stringify(arr),
    contentType: 'application/json',
    success: function (data) {
        alert(data);
    },
    error: function () {
        alert("Error occured!!")
    }
});

edited Feb 20, 2020 at 21:19

answered Feb 20, 2020 at 21:09

Abolfazl

1,75017 silver badges41 bronze badges

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

5 Comments

Curious-programmer Over a year ago

I had it that way initially, it was null

Abolfazl Over a year ago

are you sure schedule method is called? did you check it in debug mode? did you hit F12 in your browser to see any possible errors?

Curious-programmer Over a year ago

yes, there are no errors, when it hits the schedule method the parameter values are null.

Abolfazl Over a year ago

i tested and it worked perfectly ! exact copy of your code !

Josh Mein Over a year ago

@Curious-programmer Did you happen to miss the JSON.stringify() when you tried it yourself? That may be what you are missing.

Curious-programmer · Accepted Answer · 2020-02-21 14:35:34Z

0

I added [FromBody] attribute and the values are not null.

 [HttpPost]
    public JsonResult Schedule( [FromBody]EventDetails eventDetails)
    {
        return Json(new { status = true });
    }

answered Feb 21, 2020 at 14:35

Curious-programmer

8134 gold badges17 silver badges34 bronze badges

Collectives™ on Stack Overflow

When Posting data in ASP.NET MVC using ajax , Data is null

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related