如何使用 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，好像默认的model binder无法绑定。

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

---

添加 解决方案

我使用了 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 在他的博客上有一篇很棒的文章，应该可以为您指明正确的方向。

Model Binding To A List