mvc controller is passing in null from javascript object that has data

Question

I have an MVC controller that somehow is passing in Null to it

Controller:

[HttpPost]
public ActionResult UpdateAllNodes(IEnumerable<ReportGroup> reportGroups)
{
    // this is custom return..
    return JsonCamel(null);
}

PROBLEM : reportGroups is null

javascript ajax post

$.post(updateAllNodeUri, JSON.stringify({ reportGroups: homogeneous.data() }));

Chrome Dev Tools Form Data:

{"reportGroups":[
    {"Id":1,"ReportGroupName":"Standard Reports","ReportGroupNameResID":null,"SortOrder":1,"items":[],"index":0},
    {"Id":2,"ReportGroupName":"Custom Reports","ReportGroupNameResID":null,"SortOrder":2,"items":[],"index":1},
    {"Id":3,"ReportGroupName":"Retail Reports","ReportGroupNameResID":null,"SortOrder":3,"items":[],"index":2},
    {"Id":4,"ReportGroupName":"Admin Reports","ReportGroupNameResID":null,"SortOrder":5,"items":[],"index":3},
    {"Id":5,"ReportGroupName":"QA Reports","ReportGroupNameResID":null,"SortOrder":4,"items":[],"index":4},
    {"ReportGroupName":"Node","index":5}
]}:

So I have the reportGroups in controller along with the JSON as reportGroups: thus I'm lost on why it is null.

Also here here the poco class for the ReportGroup

public class ReportGroup : BaseEntity
{
    public override int Id { get; set; }
    public string ReportGroupName { get; set; }
    public int? ReportGroupNameResID { get; set; }
    public int SortOrder { get; set; }
}

Kendo data calls , then I can output to console and see the data as well

console.log(homogeneous.data());

// ###  Send the Data to the server 

var updateAllNodeUri = "/Report/UpdateAllNodes";

BTW, this IS using Kendo UI , thus you see it ADDS some stuff : items and index . These are NOT in my poco class, but should that matter? — user6040864
– user6040864, Commented Mar 18, 2016 at 0:13
If you stringify the data, you also need to set the contentType: 'json' option - try using the $.ajax() method to include this option. — user3559349
– user3559349, Commented Mar 18, 2016 at 0:18

John Ephraim Tugado · Accepted Answer · 2016-03-18 01:25:08Z

1

Based on the JSON data you get from Chrome Dev Tools, you are actually sending the JSON with this model:

JSON:

{"reportGroups":[
    {"Id":1,"ReportGroupName":"Standard Reports","ReportGroupNameResID":null,"SortOrder":1,"items":[],"index":0},
    {"Id":2,"ReportGroupName":"Custom Reports","ReportGroupNameResID":null,"SortOrder":2,"items":[],"index":1},
    {"Id":3,"ReportGroupName":"Retail Reports","ReportGroupNameResID":null,"SortOrder":3,"items":[],"index":2},
    {"Id":4,"ReportGroupName":"Admin Reports","ReportGroupNameResID":null,"SortOrder":5,"items":[],"index":3},
    {"Id":5,"ReportGroupName":"QA Reports","ReportGroupNameResID":null,"SortOrder":4,"items":[],"index":4},
    {"ReportGroupName":"Node","index":5}
]}:

Model:

public class ReportGroup
{
    public int Id { get; set; }
    public string ReportGroupName { get; set; }
    public object ReportGroupNameResID { get; set; }
    public int SortOrder { get; set; }
    public List<object> items { get; set; }
    public int index { get; set; }
}

public class RootObject
{
    public List<ReportGroup> reportGroups { get; set; }
}

The RootObject class is the one being received by your controller which is not the expected parameter.

Try transforming the JSON to this format:

[
    {"Id":1,"ReportGroupName":"Standard Reports","ReportGroupNameResID":null,"SortOrder":1,"items":[],"index":0},
    {"Id":2,"ReportGroupName":"Custom Reports","ReportGroupNameResID":null,"SortOrder":2,"items":[],"index":1},
    {"Id":3,"ReportGroupName":"Retail Reports","ReportGroupNameResID":null,"SortOrder":3,"items":[],"index":2},
    {"Id":4,"ReportGroupName":"Admin Reports","ReportGroupNameResID":null,"SortOrder":5,"items":[],"index":3},
    {"Id":5,"ReportGroupName":"QA Reports","ReportGroupNameResID":null,"SortOrder":4,"items":[],"index":4},
    {"ReportGroupName":"Node","index":5}
]

Javascript:

$.post(updateAllNodeUri, JSON.stringify(homogeneous.data()));

answered Mar 18, 2016 at 1:25

John Ephraim Tugado

7657 silver badges15 bronze badges

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

2 Comments

Tom Stickel Over a year ago

Well if you even mock that up with a simple class and use fiddler, you will see that removing "reportGroups" is not even going to work. ( I realize that it might not look correct from a pure JSON format with brackets [ ] , but that is just not it

Tom Stickel Over a year ago

The structure you have would work with an without the {"reportGroups": ... with Chrome Extension POSTMAN - just his (OP) issue was with the header needed to specify the content-type of json ...

Collectives™ on Stack Overflow

mvc controller is passing in null from javascript object that has data

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related