mvc有一个很好的特性,可以把JQ使用Ajax请求的时候,把json解析成为后台的实体类。这里举一个简单的例子。
前台完整代码:
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>添加系统用户</title> <script src="~/Plugins/Easyui/jquery.min.js"></script> <script type="text/javascript"> function btnAdd_click() { var UserPassWord = $('#txtUserPassWord').val(); var UserPassWord2 = $('#txtUserPassWord2').val(); if (UserPassWord != UserPassWord2) { alert('两次填写的密码必须相同。'); return; } var userdata = { 'UserAccount': $('#txtUserAccount').val(), 'UserPassWord': $('#txtUserPassWord').val(), 'UserName': $('#txtUserName').val(), } $.ajax({ type: "post", url: "/UserManage/AddUser", data: userdata, dataType: "json", success: function (msg) { alert(msg); } }); } </script> </head> <body> <div> <table> <tr> <td>登录账号:</td> <td> <input type="text" id="txtUserAccount" /></td> </tr> <tr> <td>登录密码:</td> <td> <input type="text" id="txtUserPassWord" /></td> </tr> <tr> <td>确认登录密码:</td> <td> <input type="text" id="txtUserPassWord2" /></td> </tr> <tr> <td>用户名:</td> <td> <input type="text" id="txtUserName" /></td> </tr> <tr> <td colspan="2"> <input type="button" id="btnAdd" onclick="btnAdd_click();" value="添加" /></td> </tr> </table> </div> </body> </html>
控制器写法:
/// <summary> /// 添加系统用户 /// </summary> /// <param name="user">系统用户信息</param> /// <returns>执行结果</returns> public JsonResult AddUser(Entity.SUser user) { return Json(BLL.UserManage.AddUser(user),JsonRequestBehavior.AllowGet); }
实体类:
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace Entity { /// <summary> /// 系统用户表 /// </summary> public class SUser { private int? id; /// <summary> /// 自增ID /// </summary> public int? ID { get { return id; } set { id = value; } } private string userAccount; /// <summary> /// 用户账号 /// </summary> public string UserAccount { get { return userAccount; } set { userAccount = value; } } private string userPassWord; /// <summary> /// 用户密码 /// </summary> public string UserPassWord { get { return userPassWord; } set { userPassWord = value; } } private string userName; /// <summary> /// 用户姓名 /// </summary> public string UserName { get { return userName; } set { userName = value; } } } } (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|