您的位置：首页 > 其它

Ajax调用MVC控制器参数为实体

2016-01-28 00:00 176 查看

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; }
}
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航