你的位置:首页 > ASP.net教程

[ASP.net教程]在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; ....