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