asp.net-mvc - 通过 jQuery ajax 将自定义对象发布到 MVC3 操作方法

Question

我有 3 个类，其定义如下

  public class UserRole
    {
        public User User { get; set; }
        public IEnumerable<Role> Role { get; set; }
    }
public class Role
{
   public int Id{ get; set; }
   public string RoleName{ get; set; }
}
public class User
{
   public int Id{ get; set; }
   public string UserName{ get; set; }
}

这是操作方法:

  // GET: /Admin/UserManagement/Create
        [HttpPost]
        [Transaction]
        public ActionResult Save(UserRole userrole)
        {
        }

Jquery 中有没有办法将一些 JavaScript 变量序列化为 Obj 类，然后通过 AJAX post 将其发送到 MVC Controller 操作？

Answer 1

您可以发送 JSON 请求:

var data = {
    user: {
        id: 5,
        userName: 'john'
    },
    role : [
        { id: 1, roleName: 'role 1' },
        { id: 2, roleName: 'role 2' },
        { id: 3, roleName: 'role 3' }
    ]
};

$.ajax({
    url: '@Url.Action("Save")',
    type: 'POST',
    contentType: 'application/json',
    data: JSON.stringify(data),
    success: function(result) {
        alert('success');
    }
});

JSON.stringify 方法本身内置于现代浏览器中，但如果您需要支持旧版浏览器，则可以包含 json2.js脚本。