• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

    最近在工作中用到了在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" />
    </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; ....


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET程序从IIS6移植到IIS7时出现500.22错误[原创]发布时间:2022-07-10
下一篇:
Asp.net身份验证方式?发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap