Ajax调用MVC控制器参数为实体
為什么80%的碼農都做不了架構師？>>> ??
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" οnclick="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; }
? ? ? ? }
? ? }
}
轉載于:https://my.oschina.net/dongri/blog/610895
總結
以上是生活随笔為你收集整理的Ajax调用MVC控制器参数为实体的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Eclipse(STS) 初次搭建Spr
- 下一篇： MVC4 WebAPI(一)