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 相关文章推荐
海量经典的jQuery插件集合
Jan 12 Javascript
javascript 浏览器检测代码精简版
Mar 04 Javascript
event.X和event.clientX的区别分析
Oct 06 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 Javascript
React路由鉴权的实现方法
Sep 05 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
关于小程序优化的一些建议(小结)
Dec 10 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
ThinkPHP实现的rsa非对称加密类示例
2018/05/29 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
jsonp跨域请求详解
2017/07/13 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
Python版微信红包分配算法
2015/05/04 Python
python数据结构之链表的实例讲解
2017/07/25 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
EVE LOM英国官网:全世界最好的洁面膏
2017/10/30 全球购物
Ajax和javascript的区别
2013/07/20 面试题
酒店保安员岗位职责
2014/01/31 职场文书
行政副总岗位职责
2014/02/23 职场文书
宣传保护环境的公益广告词
2014/03/13 职场文书
授权委托书格式范文
2014/08/02 职场文书
小学生运动会报道稿
2014/09/12 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
初三语文教学计划
2015/01/22 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
写给导师的自荐信
2015/03/06 职场文书
第一军规观后感
2015/06/12 职场文书
回复函格式及范文
2015/07/14 职场文书
2015年科普工作总结
2015/07/23 职场文书
新入职员工工作总结
2015/10/15 职场文书
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL