如何使用 jQuery 将 int 列表发送到 ASP.net MVC 默认模型绑定器

Question

当我像这样用 jQuery 发送 int 列表时：

$.ajax('@Url.Action("Execute")', {
    type: 'POST',
    data: {
        pkList: [1,2,3]
    }
});

然后 jQuery 将转换 pkList 对象并通过邮寄方式发送它，如下所示：

pkList[]:1
pkList[]:2
pkList[]:3

如果服务器是 PHP 但我使用 Asp.NET MVC3 并尝试获取这些值，那就很好了默认模型绑定器：

public ActionResult Execute(ICollection<int> pkList)

但是pkList始终为null，似乎默认模型绑定器无法绑定它。

我该如何正确解决这个问题？

---

添加 解决方案

我使用了 Darin Dimitrov 的解决方案，在 jQuery 中设置了 traditional 选项：

$.ajax('@Url.Action("Execute")', {
    type: 'POST',
    traditional: true,
    data: {
        pkList: [1,2,3]
    }
});

现在 jQuery 不添加 [] 不再传递给参数，它们像这样发送：

pkList:1
pkList:2
pkList:3

并且 MVC 默认模型绑定器正确获取值。

希望这对某人有帮助。

Answer 1

您可以使用 JSON 请求，因为它允许您发送您想要的任何复杂对象：

$.ajax({
    url: '@Url.Action("Execute")',
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ pkList: [1, 2, 3] }), // you could throw any javascript object you like here
    success: function(result) {
        // process the results
    }
});

JSON.stringify 方法是在现代浏览器中内置的，如果您想支持旧版浏览器，您可以包含 json2.js 脚本添加到您的网站。

要回答您的问题，您可以使用设置 traditional: true 选项来指示 jQuery 回退到传统参数序列化，因为这在 jQuery 1.4 中已经发生了变化，如果您是使用更高版本，您可以切换回参数序列化的方式：

$.ajax({ 
    url: '@Url.Action("Execute")',
    type: 'POST',
    data: {
        pkList: [1, 2, 3]
    },
    traditional: true
});

Answer 2

添加此内容是因为@Darin 错过了控制器操作。

Java脚本代码：

function sendArray() {
    var list = ["a", "b"];

    $.ajax({
        url: '@Url.Action("ActionName")',
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify({ list }),
        dataType: "json",
        success: function (response) {},
        error: function (response) {}
    });
}

C#代码

[HttpPost]
public ActionResult ActionName(List<string> list)
{
    return View();
}

Answer 3

Phil Haack 在他的博客上有一篇很棒的文章，应该可以为您指明正确的方向。

模型绑定到列表