Ajax.BeginForm返回方法OnSuccess
在MVC3里面——程序集 System.Web.Mvc.dll, v4.0.30319有这么一个Ajax.BeginForm异步登录验证的类型,我们在下面给出一个例子:
在登录页面Logion.cshtml。使用@using (Ajax.BeginForm("Login", "Home", new AjaxOptions { HttpMethod = "Post", OnSuccess = "tips", OnBegin = "return ValidateLog()" })){提交Form内容},HttpMethod="提交方式",OnBegin="return validateLog()"是开始提交前,对Form表单的js验证。我们直接在javascript里面写validateLog()的js验证函数就可以了。OnSuccess = "tips"是Form表单成功提交到这个控制器后,然后再根据页面上的javascript函数tips(data)和它的返回值data,判断控制器里面回传过来的JsonResult值,是"true"还是"flase"。
[HttpPost]
public JsonResult Login(FormCollection collection){
string userName = collection["UserName"];
string passWord = collection["passWord"];
//经过数据库判断用户是否存在
//该用户有何权限
//用户和权限保存Session等等处理
JsonResult json = new JsonResult();
json.Data = new Json{result="true"}; //给JsonResult对象赋值,登录结果是否通过
return json //返回json值
}
1、用户登录页面Logion.cshtml
@{
ViewBag.Title = "登录";
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<link href="/Style/index.css" rel="stylesheet" type="text/css" />
<title>登录</title>
<script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="/Scripts/PleatedEffects.js" type="text/javascript"></script>
<script src="/Scripts/RenzoManage.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
<script type="text/javascript">
//登录验证
function ValidateLog() {
if (document.getElementById('userName').value == "" || document.getElementById('userName').value.length == 0) {
alert('用户名不能为空');
document.getElementById('userName').focus();
return false;
}
if (document.getElementById('passWord').vaule == "" || document.getElementById('passWord').value.length == 0) {
alert('密码不能为空');
document.getElementById('passWord').focus();
return false;
}
}
//登录回调函数
function tips(data) {
try {
if (data.result == "false") {
alert("用户名和密码错误");
}
else {
location.href = '/Home/Index';
}
} catch (e) {
alert('异常错误');
}
}
</script>
</head>
<body>
<div id="top">
<div class="topbg">
<div class="main_logo_wrap">
<a href="#" class="logo" target="_blank" title="易乐国际">易乐国际</a></div>
<div class="nav">
<div class="floatright">
<a href="#" class="font01 marginright45 btn_time_a">@(DateTime.Now.GetDateTimeFormats('D')[1].ToString())</a>
</div>
</div>
</div>
</div>
<div id="content" class="c">
<div class="rightcontents">
<div class="righttopbg right_wrap">
<div class="righttopword">
您所在的位置: <a href="#">用户登录</a>
</div>
</div>
<div class="righttable">
@using (Ajax.BeginForm("Login", "Home", new AjaxOptions { HttpMethod = "Post", OnSuccess = "tips", OnBegin = "return ValidateLog()" }))
{
<table border="0" cellpadding="0" cellspacing="0" class="chaxunbiaoge search_wh">
<tr>
<td height="55px" width="80px" align="right">
用户名:
</td>
<td width="175px">
<input type="text" name="userName" id="userName" class=" biaogechaxunkuang" tabindex="1"/>
</td>
<td>
<span class="colore6080d marginleft10">*</span> <span class="spanUserName"></span>
</td>
</tr>
<tr>
<td height="55px" align="right">
密码:
</td>
<td>
<input type="password" name="passWord" id="passWord" class=" biaogechaxunkuang" tabindex="2"/>
</td>
<td>
<span class="colore6080d marginleft10">*</span><span class="spanPassWord"></span>
</td>
</tr>
<tr>
<td height="55px" align="right">
</td>
<td>
<input name="btnlogin" type="submit" class="marginleft10 btn_dl" value="登录" tabindex="3" style="margin-top: 14px;" />
</td>
<td>
</td>
</tr>
</table>
}
</div>
</div>
</div>
<div class=" clearfloat">
</div>
<div id="bottom">
<div class="bottomwenzi">
<span class="floatright">后台管理系统</span></div>
</div>
</body>
</html>
2、用户登录控制器
///<summary>
///用户登陆
///</summary>
///<param name="collection"></param>
///<returns></returns>
[HttpPost]
public JsonResult Login(FormCollection collection)
{
string userName = collection["userName"];
string passWord = collection["passWord"];
JsonResult json = new JsonResult();
try
{
Users user = UserManage.GetUser(userName, passWord);
if (user != null)
{
Session["LoginUser"] = user;
Roles role = AuthorityManage.GetRoleById(Convert.ToInt32(user.RoleID));
Session["AllowAuthority"] = role.AllowAuthority;
//Session["AllowMenu"] = role.AllowMenu; //2013116
Session["RolesInfo"] = role;
int i = LogRecordsManage.Insert(new LogRecords() { LogMessage = role.Name + user.Username + "于" + DateTime.Now.ToString() + "登录", OperateID = user.ID, OperateTime = DateTime.Now, OperateType = 8 });
//json.Data = new { result = "true" };
json.Data = new { result = "false" };
}
else
{
json.Data = new { result = "false" };
}
}
catch (Exception ex)
{
Logs.AppLogs log = new Logs.AppLogs("Casino", "Login", userName, 2, ex.Message);
log.Insert();
CasinoWeb.Helper.LogMessage.SaveError(ex);
}
return json;
}
Ajax.BeginForm返回方法OnSuccess的更多相关文章
- ajax的使用:(ajaxReturn[ajax的返回方法]),(eval返回字符串);分页;第三方类(page.class.php)如何载入;自动加载函数库(functions);session如何防止跳过登录访问(构造函数说明)
一.ajax例子:ajaxReturn("ok","eval")->thinkphp中ajax的返回值的方法,返回参数为ok,返回类型为eval(字符串) ...
- Ajax.BeginForm 不执行OnSuccess
今天用MVC做了一个表单提交,使用Ajax.BeginForm ,但是碰到一个奇怪的问题OnSuccess回调函数不执行.后来经过多次尝试才发现要引用两个东西 1.<script src=&qu ...
- MVC4中Ajax.BeginForm OnSuccess 不执行以及控制器返回JsonResult 提示下载的原因
这几天学习MVC的过程中,在学习Ajax.BeginForm时,一直遇到2个问题: 一. Ajax.BeginForm OnSuccess事件不执行 二.提交表单后,浏览器不识别json字符串,提示下 ...
- Ajax.BeginForm方法 参数
感谢博主 http://www.cnblogs.com/zzgblog/p/5454019.html toyoung 在Asp.Net的MVC中的语法,在Razor页面中使用,替代JQuery的Aja ...
- MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证
原文:MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证 MVC中,关于往后台提交的方法有: 1.Html.BeginForm():同步 2.Ajax.BeginForm():异 ...
- Ajax.BeginForm提示不支持live属性或方法的错误
解决: 在nuget下载最新版本的jquery.unobtrusive-ajax.min.js文件 Ajax异步请求: 引用JS: <script type="text/javascr ...
- 取代Ajax.BeginForm的ajax使用方法
原文:取代Ajax.BeginForm的ajax使用方法 一.前提概要 Asp.net core中已经取消了Ajax.BeginForm,也不会计划出ajax tag helper,所以得利用插件jq ...
- 在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法
在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...
- MVC Ajax.BeginForm重复提交解决方法
mvc使用MVC Ajax.BeginForm提交的时候有重复提交结果的时候检查相关js文件引用情况, 其中mvc4注意 1 2 3 4 @Scripts.Render("~/bundles ...
随机推荐
- 【转】Android应用程序的数据存放目录解说
Android的每个应用程序,都有自己的可控的目录. 在Setting/Application info里面,可以看到每个应用程序,都有Clear data和Clear cache选项. 具体这些目录 ...
- android之手动安装apk到模拟器
一.将apk放到SDK的指定路径 二.打开命令行 三.安装apk到模拟器 此处遇到无法找到主机,解决办法: 发现是进程2512堵塞导致的 进入powershell 查看进程 发现2512进程是360手 ...
- C#扫盲之:==/Equals /ReferenceEquals 异同的总结,相等性你真的知道吗?
1.前言 == Equals ReferenceEquals 三个相等性测试,是.NET提供给程序员使用的三个方法,他们之间有什么联系和区别,你真的仔细研究过?虽然之前也多多少少知道一点,但是有时候又 ...
- 查看帮助文档的一些方法:help,dir,type,func_global等
help与dir与type:在使用python来编写代码时,会经常使用python自带函数或模块,一些不常用的函数或是模块的用途不是很清楚,这时候就需要用到help函数来查看帮助.这里要注意下,hel ...
- Ext.Net学习笔记19:Ext.Net FormPanel 简单用法
Ext.Net学习笔记19:Ext.Net FormPanel 简单用法 FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起 ...
- Python快速入门学习笔记(二)
注:本学习笔记参考了廖雪峰老师的Python学习教程,教程地址为:http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb49318210 ...
- 第二章 Qt常用工具的介绍
第二章 Qt常用工具的介绍 (1)No.1 qmake 相信编写过Makefile的开发人员,随着工程中源码的级数递增和以类型.功能.模块组织源码的子目录的增多,都不愿意重复机械地手工编写这个工程管理 ...
- json 数字key json 数字作为主键
但是当key的值为数字时,只能使用类似数组下表的访问方式取值. var json = '{"0":"a", "1":"b" ...
- PHP上传文件大小限制问题 post_max_size对大小的影响及解决方法
今天在操作php上传的时候发现了一个问题,就是当php脚步上传的文件大小超过php.ini中post_max_size的限制的时候页面不会给出提醒,文件也上传失败,这个问题感觉应该算是一个另类,今天跟 ...
- python正则实例
# -*- coding: cp936 -*-import reidcardregex=r"^[1-9]\d{14}(\d{2}[0-9x])?$"print re.search( ...