在ASP.NET MVC中以post方式传递数组参数的示例

时间：2022-05-22 12:55:00

最近在工作中用到了在ASP.NET MVC中以post方式传递数组参数的情况，记录下来，以供参考。

一、准备参数对象

在本例中，我会传递两个数组参数：一个字符串数组，一个自定义对象数组。这个自定义对象UserInfo定义如下：

    public class UserInfo

    {

        public int UserId { get; set; }

        public string UserName { get; set; }

    }

二、后台代码

后台Action代码如下：

        [HttpPost]

        public ActionResult TestPost(List<string> a, UserInfo[] b)

        {

            var result = new {IsSuccess = true, ErrMsg = "你错了"};

            return Json(result, JsonRequestBehavior.AllowGet);

        }

其中List或数组方式对前端代码写法都一样。

三、前端代码

前端jquery调用代码如下：

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

    <script type="text/javascript">

        $(function() {

            $('#btnTest').click(function() {

                var data = {};

                data["a[0]"] = "Test";

                data["a[1]"] = "Just";

                data["b[0].UserId"] = 1;

                data["b[0].UserName"] = "Zhang";

                data["b[1].UserName"] = "黄Sir";

                $.post('@Url.Action("TestPost")', data, function(res) {

                    alert('Result: ' + res.IsSuccess + ', Error: ' + res.ErrMsg);

                });

            });

        });

    </script>

</head>

<body>

    <div>

        <input type="button" id="btnTest" value="测试"/>

    </div>

</body>

</html>

四、总结

在ASP.NET MVC中以post方式传递数组参数的关键在于json对象的写法，这里总结一下：

先定义空对象：var data = {};

针对List<string>、List<int>等简单类型，data["a[0]"] = "dd"; data["a[1]"] = "d2"; ....

针对复杂类型，如List<UserInfo>, UserInfo[]，data["b[0].UserId"] = 1; ....

相关文章