asp.netmvc绑定客户端post过来的复杂JSON数据

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

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

客户端代码如下：

<input type="button" id="btnTest" value="测试" /><br /><br />
<textarea id="txtArea" rows="5" cols="200"></textarea>

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#btnTest").click(function () {
            var users = new Array();
            var user = { UserName: "subendong", Password: "123456" };
            users.push(user);
            user = { UserName: "bendongsu", Password: "654321" };
            users.push(user);
            var userData = {Users : users, Address: "苏州市"};

            $.ajax({
                type: 'post',
                url: "@Url.Action("Test")",
                data: JSON.stringify(userData),
                dataType: "json",
                contentType: 'application/json',
                success: function (data) {
                    $("#txtArea").val(JSON.stringify(data));
                }
            });
        });
    });
</script>

红色部分是关键

后端代码如下：

        public ActionResult Test(UserData userData)
        {
            return Json(userData);
        }

UserData类型：

    public class UserData
    {
        public List<User> Users { get; set; }
        public string Address { get; set; }
    }

    public class User
    {
        public string UserName { get; set; }
        public string Password { get; set; }
    }