asp.net-mvc - MVC 3 - jquery 数据键值对 $.ajax 与 JSON 导致 500 内部错误 - 我该怎么做？

Question

编辑:我已经找到了解决方案，并在帖子末尾对其进行了更多描述

使用:MVC 3、C#

问题:通过 $.post/$.ajax 发送到 Controller 的键/值 obj 数组会导致 Controller 出现 500 内部服务器错误(因为传递给 C# Controller 中的方法的值为 null)

我有一个格式如下的数组:

{
  "q_1": {
    "qid": "1",
    "tmr": 0
  },
  "q_2": {
    "qid": "2",
    "tmr": 0
  }
}

我通过 $("#myid").data() 得到这个 - 这一切都很好。

我需要将其发送到我的 Controller ，并尝试了 post 和 $.ajax

var d = $("#q_data").data();
$.post("/run/submit", d, function(data) { alert(data);}, "application/json");

和

$.ajax({ 
           url: '/run/submit',
           data: d,
           contentType: 'application/json',
           dataType: 'json',
           success: function (data) { alert(data); }
           });

C#端的方法是

 public ActionResult Submit(List<PerfObj> dict)
 {
      int x = dict.Count;
      return PartialView("_DummyPartial");
 }

其中 PerfObj 是我的模型

public class PerfObj
{
    public string id { get; set; }
    Perfvar perfVar;
}

public class PerfVar
{
    public string qid { get; set; }

    /* note I've tried both int and string for the tmr param */
    public string tmr { get; set; }
}

当我执行此操作时，调用正确地转到 Controller - 即它命中了提交方法。然而方法参数dict，在

List<PerfObj> dict

为空。

为什么？这似乎与我的模型有关，不知道如何设计它，以便将值正确提取到方法参数。

当我在控制台上打印 JSON.Stringify 时，它正确显示了键/值对，因此我认为它会正确发送到服务器，但服务器/MVC3 由于某种原因不喜欢它或不能将其映射到 PerfObjs 列表。

编辑:解决方案

Maciej 对我的帖子的回答是我如何解决它的。我最终所做的是在客户端创建一个 perfObj 数组

$("#q_data").data(e,{key: e, perfVar: { qid: e, tmr: 0 }})

(ps - 忽略“e”的多余使用，我有其他计划，这是一个虚拟案例)

然后我将其映射到 JSON 友好的数组

var arr = [];

$.each($('#q_data').data(), function (i, e) {
    var p = $(this).data(i);
    var obj = { key: i, perfVar: { id: e.perfVar.qid, tmr: e.perfVar.tmr}};
    arr.push(obj);
});

然后将其字符串化

var q = JSON.stringify(arr);

$.ajax 按照 Maciej 的帖子中的描述进行了处理。

我正确地重新定义了我的类

public class PerfObj
{
    public string key { get; set; }
    public PerfVar perfVar { get; set; }
}

public class PerfVar
{
    public string id { get; set; }
    public int tmr { get; set; }
}

并更改了我的 Controller 方法的签名

    [HttpPost]
    public ActionResult Submit(PerfObj[] dict)
    {
        return PartialView("_DummyPartial");
    }

现在效果很好，我可以相当轻松地扩展我的类(class)来完成我想做的事情。

谢谢大家!

Answer 1

您的代码有 3 个错误:

A. PerfVar 属性必须公开，并且必须对其进行获取和设置:

public class PerfObj { public string id { get; set; } public Perfvar perfVar { get; set; } }

B.您的列表的 JSON 表示不正确。应该是:

 var e = [
               { "id": "foo", "perfVar": { "qid": "a", "tmr": "b"}}, 
               { "id": "foo", "perfVar": { "qid": "a", "tmr": "b"}}
           ];

C.您必须对数组进行字符串化并指定 type: 'POST' 才能通过 ajax 将其传递到您的 MVC Controller :

 $.ajax({
                url: '/run/submit',
                data: JSON.stringify(e),
                contentType: 'application/json, charset=utf-8',
                dataType: 'json',
                type: 'POST',
                success: function (data) { alert(data); }
            });