在jQuery和MVC Controller Actions之间传递非结构化JSON

时间:2012-05-28 16:22:05

标签: c# asp.net-mvc json

关于MVC模型绑定有很多有用的信息。 我的问题源于我试图避免在我的MVC应用程序中创建强类型数据,因为它主要需要充当数据路由器。

基本上,我在页面上有一组字段,有一个类'input',我可以用jQuery('.input')收集,迭代并填充到javascript对象中。然后我将它发送到我的ASP.NET MVC控制器:

var inputData = my_serialize( $('input');
$.ajax({
  type:'POST',
  url: '/acme/Ajax/CaptureInput',
  dataType: "json",
  data: { inputData: JSON.stringify(inputData) },
  success: Page_Response_RegisterAndDeposit,
  error: Page_AjaxError
});

在C#方面,我有

public JsonResult CaptureInput(string inputDataAsJsonString)
{
  JavaScriptSerializer JSON = new JavaScriptSerializer();
  object inputData = JSON.DeserializeObject(inputDataAsJsonString);

这似乎是浪费的间接层,我更喜欢将数据作为contentType:application / json传递,并让CaptureInput接受objectIDictionary甚至是dynamic

2 个答案:

答案 0 :(得分:1)

您可以使用serializeArray方法。假设您有一个包含输入元素的表单,该表单可以是任何类型,并且您想要调用以下控制器操作:

public ActionResult CaptureInput(Dictionary<string, string> values)
{
    ...
}

以下是您可以继续的方式:

<script type="text/javascript">
    var values = $('form').serializeArray();
    var data = {};
    $.each(values, function (index, value) {
        data['[' + index + '].key'] = value.name;
        data['[' + index + '].value'] = value.value;
    });

    $.ajax({
        url: '@Url.Action("CaptureInput")',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify(data),
        success: function (result) {
            alert('success');
        }
    });
</script>

答案 1 :(得分:0)

不完全是你所追求的,但是通过允许你绑定到带有嵌入式Dictionary的简单包装器对象,这个问题的解决方案可能会给你一个部分解决方法。它甚至可以允许直接绑定到Dictionary。不确定... 您可能还需要在$ .ajax调用

中显式设置json ContentType标头

"JSON model binding for IDictionary<> in ASP.NET MVC/WebAPI"