js代码:
<script type="text/javascript">
$('#LoginDialog').dialog({
title: '登录',
width: 400,
height: 200,
closed: false,
cache: false,
modal: true,
buttons: [{
iconCls:'icon-edit',
text:'登录',
handler: function () {
$.ajax({
type: "POST",
url: "/Home/LoginIn",
//data:{
// name: $("#tableForm input[name=UName]").val(),
// pwd: $("#tableForm input[name=UPwd]").val(),
//},
data:$("#LoginInputForm").serialize(),
cache: false,
dataType: "json",
success: function (data) {
if (data.Statu == 1) {
window.location = data.BackUrl;
}
else { alert(data.Msg); }
}
});
}
}, {
iconCls:'icon-ok',
text:'注册',
handler: function () {
}
}]
});
function ok(jsonData) {
$.procAjaxMsg(jsonData, function () {
window.location = jsonData.BackUrl;
}, function () { alert("登录失败"); })
};
</script>
登录界面
<div id="LoginDialog" style="width:420px;">
<form id="LoginInputForm" method="post" novalidate="novalidate" >
<table id="tableForm">
<tr>
<td>用户名:</td>
<td><input class="easyui-validatebox" type="text" id="UName" name="UName" data-options="required:true,missingMessage:'请输入密码;'"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input class="easyui-validatebox" type="text" id="UPwd" name="UPwd" data-options="required:true,missingMessage:'请输入密码;'"/></td>
</tr>
<tr>
<td>验证码:</td>
<td><input class="easyui-validatebox" type="text" id="Uyzm" name="Uyzm" data-options="required:true,missingMessage:'请输入验证码;'"/>
<img src="/Home/CheckCode?ID=1" id="ImgCode" alt="单击可刷新" οnclick="ClickRemoveChangeCode()" />
<div style="float:right; margin-top: 5px;">
<a href="javascript:void(0)" οnclick="ClickRemoveChangeCode();return false;">看不清,换一张</a>
</div>
<input id="btn_save" type="button" value="登录" style="width: 150px" οnclick="login();" />
</td>
</tr>
</table>
</form>
</div>
控制器的代码:
#region 处理登录的信息
/// <summary>
/// 处理登录的信息
/// </summary>
/// <returns></returns>
[HttpPost]
public ActionResult LoginIn()
{
OperateContext oc =OperateContext.CurrentContext;
//string strLoginName = Request.Form["name"];
//string strLoginPwd = Request.Form["pwd"];
//将表单信息serialize序列化后提交
if (Request.Form["UName"] == null || Request.Form["UPwd"] == null)
{
return OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.err, "登录名或密码为空");
}
string strLoginName = Request.Form["UName"];
string strLoginPwd = Request.Form["UPwd"];
Ou_UserInfo usr=oc._IBLLSession.IOu_UserInfoBLL.Login(strLoginName, strLoginPwd);
if (usr != null)
{
//把登录信息保存到Session中
Session["loginUser"] = usr;
//返回json信息
JsonResult ss = OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.ok, "登录成功", null, "/Home/Index");
return ss;
}
else
{
//返回json信息
return OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.err, "登录名或密码不正确", null);
}
}
#endregion
以上是ajax提交表单,并将表单数据serialize序列化是的过程。