zoukankan      html  css  js  c++  java
  • (转发)在ASP.NET MVC中以post方式传递数组参数的示例

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

  • 相关阅读:
    export default 和 export 的使用方式(六)
    webpack结合vue使用(五)
    webpack 中导入 vue 和普通网页使用 vue 的区别(四)
    普通组件定义渲染和render渲染组件的区别(三)
    代码规范
    vue切换路由时,取消所有axios请求
    JS设计模式-策略模式
    CSS世界(张鑫旭)系列学习总结 (五)内联元素与流
    Vue中Jsx的使用
    Vue事件总线(EventBus)
  • 原文地址:https://www.cnblogs.com/richard88/p/4688699.html
Copyright © 2011-2022 走看看