MVC将json数据传递给控制器

时间:2017-01-23 23:27:31

标签: javascript c# json http-post model-binding

编辑:感谢您抓住这些错误 这里有3个问题

1. The JSON request was too large to be deserialized I had to add <add key="aspnet:MaxJsonDeserializerMembers" value="150000" /> in the app settings
2. I forgot the getters and setters in one of my classes
3. I misspelled one of my properties

我正在尝试将一些json数据传递给控制器​​。当我将js Object传递给Controller时,我的模型为空。不应该默认的模型绑定器来处理这个问题吗?在将数据传递给控制器​​时,我无法找到原因。我已经查看了其他SO问题,但到目前为止还没有任何帮助。

数据看起来像这样

{
Data: [{
       duration: 5,
       end_date: "06-04-2013 00:00"
       id: 1,
       open: true,
       parent: 0,
       progress: 0,
       start_date: "01-04-2013 00:00",
       text : "PcB ddCcgoMordiF Arr e"
      }]
Links: //empty array of something similar
}

这些是我的DTO的样子

public class GanttRequestDto
{
    public IEnumerable<GanttTaskDto> Data;
    public IEnumerable<GanttLinkDto> Links;
}



 public class GanttTaskDto
    {
         public int Id { get; set; }
         public string Test { get; set; }
         public DateTime Start_date { get; set; }
         public DateTime  End_date { get; set; }
         public int Duration { get; set; }
         public bool Open { get; set; }
         public decimal Progress { get; set; }
         public int? ParentId { get; set; }
}

public class GanttLinkDto
{
     public int Id { get; set; }
     public string Type { get; set; }
     public int Source { get; set; }
     public int Target { get; set; }
}

我的控制器看起来像这样

[HttpPost]
public BetterJsonResult SaveGanttChartData(GanttRequestDto ganttDataModel)
{
    //do something
    return null;
}

我的JS代码

InitSaveButton() {
    $("#save-btn").click(function() {
        var ganttData = gantt.serialize();
        var model = {
            Data: ganttData.data,
            Links: ganttData.links
        };
        Ajax.ajaxRequest(null, "/Gantt/SaveGanttChartData?ganttDataModel",  model, null, "Saving Gantt Data", "Success", null);
    });
}

这是我的Ajax请求的样子

//url:string
//model:json object
//updateId (optional): area to update,
//toastMessage: optional toast message
//toasTitle: optional toast title
//onComplete: optional callback function
Ajax.ajaxRequest = function (httpVerb, url, model, updateId, toastMessage, toastTitle, onComplete) {
    if (httpVerb === null || httpVerb.length === 0) httpVerb = "POST";
    $.ajax({
        url: url,
        type: httpVerb,
        cache: false,
        data: JSON.stringify(model),
        dataType: "json",
        contentType: 'application/json; charset=utf-8'
    }).done(function (data) {
        Ajax.ajaxSuccess(data, updateId, toastMessage, toastTitle);
    }).fail(function (err) {
        Ajax.ajaxFailure(err);
    }).always(function (data) {
        if (onComplete && typeof onComplete === 'function') {
            onComplete(data);
        }
    });
};

1 个答案:

答案 0 :(得分:1)

以下是您的问题的解决方法。

这里有两件事:

  1. 我假设您提供的JSON示例数据是纯手工定制的,但仍然提到数据几乎没有拼写错误。

    var data = {
    Data: [{
           duration: 5,
           end_date: "06-04-2013 00:00",
           id: 1,
           open: true,
           parentId: 0,
           progress: 0,
           start_date: "01-04-2013 00:00",
           test : "PcB ddCcgoMordiF Arr e"
          }],
    Links: [{Id : 1, Type: "sdsd"}]
    }
    
  2. 您尚未将数据成员标记为具有getter和setter的属性。

    public class GanttRequestDto
    {
        public IEnumerable<GanttTaskDto> Data { get; set; }
    
        public IEnumerable<GanttLinkDto> Links { get; set; }
    }
    
  3. 现在试试,让我知道它是否适合你。