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 相关文章推荐
Maps Javascript
Jan 22 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
jquery索引在使用中的一些困惑
Oct 24 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 Javascript
全面了解js中的script标签
Jul 04 Javascript
KnockoutJS 3.X API 第四章之click绑定
Oct 10 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 Javascript
用原生JS实现简单的多选框功能
Jun 12 Javascript
微信小程序使用map组件实现路线规划功能示例
Jan 22 Javascript
Vue实现购物车详情页面的方法
Aug 20 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
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
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
浅谈PHP的反射机制
2016/12/15 PHP
js parsefloat parseint 转换函数
2010/01/21 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
js实现TAB切换对应不同颜色的代码
2015/08/31 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
JS实现简易贪吃蛇游戏
2020/08/24 Javascript
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
Django数据统计功能count()的使用
2020/11/30 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
导游词之崇武古城
2019/10/07 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python