S2SH整合JQuery+Ajax实现登录验证功能实现代码


Posted in Javascript onJanuary 30, 2013

不多说了,上码
action

package com.lk.action; 
import javax.annotation.Resource; 
import com.googlecode.jsonplugin.annotations.JSON; 
import com.lk.service.StudentControl; 
import com.opensymphony.xwork2.ActionSupport; 
public class LoginAjaxAction extends ActionSupport { 
private String username; 
private StudentControl studentControl; 
@JSON(serialize=false) //setStudentControl利用了spring,很重要,让studentControl不序列化,如果序列化会报错 
public StudentControl getStudentControl() {//这个错,找了好久...ajax一直返回error 
return studentControl; 
} 
@Resource(name="studentControl") 
public void setStudentControl(StudentControl studentControl) { 
this.studentControl = studentControl; 
} 
public String getUsername() { 
return username; 
} 
public void setUsername(String username) { 
this.username = username; 
} 
@Override 
public String execute() throws Exception { 
if(studentControl.getStudentById(Integer.parseInt(username))!=null){ 
username = "用户存在"; 
}else{ 
username = "用户不存在"; 
} return "success"; 
} 
}

上面的最重要的就是那个 @JSON(serialize=false) 。。。上面有注释。。。。
struts.xml
<package name="ajax" extends="json-default"> 
<action name="loginAjax" class="com.lk.action.LoginAjaxAction"> 
<result type="json" /> 
</action> 
</package>

这里要说的就是 json-default是继承自struts-default ....
login.html
//用户名 绑定的事件 焦点的移入和移出 
$("#un").bind({ 
focus:function(){ 
$(this).addClass("txtclick"); 
}, 
blur:function(){ 
var vtxt = $("#un").val(); 
if (vtxt.length == 0) { 
$("#unerror").html("用户名不能为空"); 
$(this).removeClass("txtclick"); 
}else if(!isInteger(vtxt)){ 
//检测用户名格式是否正确 
$("#unerror").html("格式不正确!"); 
$(this).removeClass("txtclick"); 
}else{ 
$.ajax({ 
url : "loginAjax", 
dataType : "json", 
data : { 
username : $(this).val(), 
time : Math.random()*1000 
}, 
success : function(data){ 
alert("成功"+data.username); 
}, 
error : function(){ 
alert("错误"); 
} 
}) 
} 
} 
});

上面的time : Math.random()*1000 没有什么实际意义 主要是防止缓存影响异步刷新。。。初稿,功能实现了,后面可以慢慢改
Javascript 相关文章推荐
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
jQuery插件zTree实现删除树节点的方法示例
Mar 08 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
JsChart组件使用详解
Mar 04 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
js+html+css实现鼠标移动div实例
Jan 30 #Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 #Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 #Javascript
js判断样式className同时增加class或删除class
Jan 30 #Javascript
编写针对IE的JS代码两种编写方法
Jan 30 #Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 #Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 #Javascript
You might like
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
php的大小写敏感问题整理
2011/12/29 PHP
第七章 php自定义函数实现代码
2011/12/30 PHP
深入PHP curl参数的详解
2013/06/17 PHP
memcache命令启动参数中文解释
2014/01/13 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
2014/03/17 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
jquery 手势密码插件
2017/03/17 Javascript
详解如何使用Vue2做服务端渲染
2017/03/29 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
用Python的Django框架编写从Google Adsense中获得报表的应用
2015/04/17 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
高中生学习生活的自我评价
2013/10/09 职场文书
大四毕业生学习总结的自我评价
2013/10/31 职场文书
学校元旦晚会方案
2014/02/19 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
美术社团活动总结
2014/06/27 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
律师函格式范本
2015/05/27 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书