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 行背景颜色的交替显示(隔行变色)实现代码
Dec 13 Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
简单实现node.js图片上传
Dec 18 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
微信小程序实现同时上传多张图片
Feb 03 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
JS简易计算器实例讲解
Jun 30 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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
php访问查询mysql数据的三种方法
2006/10/09 PHP
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
layui使用数据表格实现购物车功能
2019/07/26 Javascript
详解package.json版本号规则
2019/08/01 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
Python生成短uuid的方法实例详解
2018/05/29 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
详解python算法之冒泡排序
2019/03/05 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
详解用python写一个抽奖程序
2019/05/10 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
自我评价正确写法范文
2013/12/10 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
车队司机自我鉴定
2014/03/02 职场文书
中国梦演讲稿3分钟
2014/08/19 职场文书
软环境建设心得体会
2014/09/09 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
芙蓉镇观后感
2015/06/10 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python