将 JSON 传递给 MVC 3 操作

Question

我正在尝试将 JSON 提交到 MVC 操作。我想要的是获取 JSON 对象，然后访问它的数据。 JSON 字段的数量每次都会有所不同，因此我需要一个能够处理所有情况的解决方案。

这是我的操作帖子，地址可能有 3 个字段或 20 个字段，每个帖子都会有所不同。

更新：我将详细介绍一下。我正在尝试使用 LinkedIn API，我将收到一个 JSON，该 JSON 类似于本页末尾的 JSON：

var address =
    {
        Address: "123 rd",   
        City: "Far Away",
        State: "Over There"           
    };


    $.ajaxSetup({ cache: false });
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Account/GetDetails/",
        data: JSON.stringify(address),
        dataType: "json",
        success: function () {

            alert("Success from JS");
        }
    });

这是我在 MVC 中的操作，我需要应用来获取传递的任何 JSON 对象并访问其字段。

 [HttpPost]
    public ActionResult GetDetails(object address)
    {         
        //address object comes in as null            

        @ViewBag.Successs = true;

        return View();

    }

Answer 1

1. 删除 data: JSON.stringify(address) 和 data: address

2. 操作方法

   <前><代码>[HttpPost]
   公共 ActionResult GetDetails（字符串地址，字符串城市，字符串州，字符串 PropName）
   {
   //这里访问变量
   }

正如您所说，您的数据对象可能包含 20 个 props，为了避免创建 20 个参数，您可以使用 formscollection，如下所示

[HttpPost]
public ActionResult GetDetails(FormCollection address)
{        
      string city= address["city"] ;
      string anotherPro=address["prop"];          
}

Answer 2

不确定这是否可行（我自己从未这样做过），但您可以尝试以下签名：

public ActionResult LinkedIn(dynamic address)

我自己实际上很感兴趣，想看看接下来会发生什么。或者，按照 Kristof Claes 的评论中的建议，使用 FormCollection。

其次，当发生这种情况时，请务必检查浏览器是否确实向服务器发送了您期望的数据。 IE9 和 Chrome 开箱即用地支持此功能，否则您可以使用 Fiddler 等工具。

编辑：我自己尝试使用dynamic参数，但这不起作用。参数的运行时类型是object，所以你的一切提交丢失。你最好
使用FormCollection。

Answer 3

我相信您可以使用 FormCollection 来实现此目的。

public ActionResult LinkedIn(FormCollection address)
{
    var street = address["street"];
    ...
    return View();
}

Answer 4

可能只是一个拼写错误，但您正在调用 GetDetails ActionResult，但您的代码是 LinkedIn ？

Answer 5

您需要将 JSON 对象包装在操作方法中所需的参数名称中。像这样的事情：

var data = { address: { address: '123 Test Way', city: 'Parts Unknown', state: 'TX' } };


$.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Account/GetDetails/",
        data: JSON.stringify(data),
        dataType: "json",
        success: function () {

            alert("Success from JS");
        }

然后在你的操作方法中，执行以下操作：

public ActionResult GetDetails(dynamic address) {}

Answer 6

我的看法是所有答案都是正确的。

由于您不知道要发送的内容数量，因此请在服务器上使用 formcollection。但也要从 ajax 调用中删除 stringfy。这意味着数据将使用 www 编码发送。

如果您想要发送 n 个地址对象，请将 mvc 操作参数更改为地址对象数组并使用 stringfy。

Answer 7

我就是这样做的。我有一个 MyProject.Model.Entities，我通过在给定的操作方法上使用 [ParamSerializationFilter] 属性来序列化它们。

完整代码在这里： https://gist.github.com/3b18a58922fdd8d5a963

    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        if (!Enum.GetNames(typeof(AllowedMethods)).Any(n => n == filterContext.HttpContext.Request.HttpMethod))
            throw new InvalidOperationException("Invalid Request: HttpMethod");

        foreach (var param in filterContext.ActionDescriptor.GetParameters())
        {
            if (ModelTypes.Contains(param.ParameterType))
            {
                if ((filterContext.HttpContext.Request.ContentType ?? string.Empty) == ("application/json"))
                {
                    filterContext.ActionParameters[param.ParameterName] =
                        JsonSerializer.DeserializeFromStream(param.ParameterType, filterContext.HttpContext.Request.InputStream);
                }
                else if (filterContext.HttpContext.Request.ContentType.Contains("xml"))
                {
                    filterContext.ActionParameters[param.ParameterName] =
                    XmlSerializer.DeserializeFromStream(param.ParameterType, filterContext.HttpContext.Request.InputStream);
                }
            }
        }
    }

Answer 8

你做的工作太多了！您可以将 JSON Literal 直接传递到服务器，并通过操作方法参数访问元素，如下所示：

var address =
    {
        Address: "123 rd",   
        City: "Far Away",
        State: "Over There"           
    };


    $.ajaxSetup({ cache: false });
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "/Account/GetDetails/",
        data: address,
        dataType: "json",
        success: function () {

            alert("Success from JS");
        }
    });

[HttpPost]
    public ActionResult LinkedIn(string Address, string City, string State)
    {                    
        // now you have everything you want as params
        @ViewBag.Successs = true;

        return View();

    }

注意：只有当您的操作参数的命名与 JSON Literal 属性完全相同时，这才有效。

Answer 9

我不相信没有人这么说，所以我会尝试。让你的代码像这样

 public class Personal
 {
      public string Address { get; set; }
      public string City { get; set; }
      public string State { get; set; }
      //other properties here
 }

[HttpPost]
public ActionResult GetDetails(Personal address)
{         
    //Should be able to get it.            

    @ViewBag.Successs = true;

    return View();

}

一般来说，你可以将这些可能的属性添加到类 Personal （或任何你可以命名的类）中。但根据 linkedin API，由于其复杂性，您将需要一个工具来生成数据类。我认为如果您可以获得 xsd 文件（或者您甚至可以从 xml 生成 xsd 文件），xsd.exe 可以提供帮助