S2SH整合JQuery+Ajax实现登录验证功能
不多说了,上码
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一直返回errorreturn 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;}@Overridepublic 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 没有什么实际意义 主要是防止缓存影响异步刷新。。。初稿,功能实现了,后面可以慢慢改