通过AJAX传递给控制器​​的列表为空

时间:2017-11-09 18:57:54

标签: c# jquery ajax asp.net-mvc asp.net-mvc-4

我试图将List objects传递回我的controller,但Listnull if {/}到controller。这就是我正在做的事情:

控制器操作签名

[HttpGet]
public ActionResult SaveSpec(IEnumerable<DpvItemLiteVm> alarms){}

查看模型

public class DpvItemLiteVm
    {
        public string Location { get; set; }
        public string Program { get; set; }
        public string DeviceType { get; set; }
        public string PartName { get; set; }
        public string RoutineId { get; set; }
        public string FtrName { get; set; }
        public string FtrAttCode { get; set; }
        public decimal LowVal { get; set; }
        public decimal HiVal { get; set; }
        public decimal? TargetVal { get; set; }
    }

和视图

var alarms = [];

$('#featureSpecGrid tr').each(function () {
     var $tds = $(this).find('td');
     var target = $tds.eq(4).text() === '' ? null : parseFloat($tds.eq(4).text());
     var temp = {
          Location: location,
          Program: program,
          DeviceType: device,
          PartName: part,
          RoutineId: routine,
          FtrName: $tds.eq(0).text(),
          FtrAttCode: $tds.eq(1).text(),
          LowVal: parseFloat($tds.eq(2).text()),
          HiVal: parseFloat($tds.eq(3).text()),
          TargetVal: target
     };
     alarms.push(temp);
});

//alarms = JSON.stringify({ 'alarms': alarms });

//console.log(alarms);

$.ajax({
     type: 'GET',
     cache: false,
     contentType: 'application/json',
     url: '/Dpv/SaveSpec',
     data: alarms
}).done(function (partialViewResult) {
     $('#statusMsg').html(partialViewResult);
}).always(function(result) {
     console.log(result);
});

我已尝试this answerthis answerthis answer(仅举几例);如果我使用JSON.stringify(正如一些答案所示),我会收到404回复。我还尝试使用List代替IEnumerable,使我的View Model更小(位置,程序,设备,部件和例程对于每个传回的项目都相同并相应地设置AJAX(返回404错误)。如果我设法将其恢复为controller,则Listnull

如果我stringify,那么这是有效负载的示例: {"alarms":"Location":"ABC123","Program":"1A2B","DeviceType":"Device","PartName":"Part1","RoutineId":"ABC456","FtrName":"Feature1","FtrAttCode":"CodeA","LowVal":-1.01,"HiVal":1.01,"TargetVal":null}

如果我没有stringify

[object Array] 0 Location:"ABC123" Program:"1A2B" DeviceType:"Device" PartName:"Part1" RoutineId:"ABC456" FtrName:"Feature1" FtrAttCode:"CodeA" LowVal:-1.01 HiVal:1.01 TargetVal":null 1

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:3)

使用contentType: 'application/json'时,您需要将数据作为JSON字符串发送,以便模型绑定器能够映射它。

您应该通过 POST 方法发送复杂数据,而不是GET。 GET方法适用于发送具有少量属性的小型平面视图模型。这些将通过$.ajax方法作为查询字符串发送。在您的情况下,您的数据不是平坦的视图模型。因此,您应该使用POST作为方法,以便$.ajax将在请求正文中发送数据。

我还建议您使用Url.Action辅助方法为action方法生成正确的相对URL。

var urlToSave="@Url.Action("SaveSpec","Dpv")";
// use urlToSavefor the ajax call 

$.ajax({
     type: 'POST',       
     contentType: 'application/json',
     url: urlToSave,
     data: JSON.stringify(alarms)
}).done(function (partialViewResult) {
     $('#statusMsg').html(partialViewResult);
}).always(function(result) {
     console.log(result);
});

还要确保您的aciton方法是POST

[HttpPost]
public ActionResult SaveSpec(IEnumerable<DpvItemLiteVm> alarms)
{
    // to do : return something
}

现在,模型绑定器将能够读取请求正文并将其映射到您拥有的IEnumerable<DpvItemLiteVm>参数。

相关问题