S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
更新時(shí)間:2013年01月30日 18:11:45 作者:
登錄驗(yàn)證,在項(xiàng)目開發(fā)中很常用的,尤其是這一塊非常有利于用戶體驗(yàn),感興趣的朋友可以參考下,或許對你學(xué)習(xí)登陸驗(yàn)證有所幫助,好了閑話不多說了,看代碼
不多說了,上碼
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不序列化,如果序列化會(huì)報(bào)錯(cuò)
public StudentControl getStudentControl() {//這個(gè)錯(cuò),找了好久...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";
}
}
上面的最重要的就是那個(gè) @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
//用戶名 綁定的事件 焦點(diǎn)的移入和移出
$("#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("錯(cuò)誤");
}
})
}
}
});
上面的time : Math.random()*1000 沒有什么實(shí)際意義 主要是防止緩存影響異步刷新。。。初稿,功能實(shí)現(xiàn)了,后面可以慢慢改
action
復(fù)制代碼 代碼如下:
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不序列化,如果序列化會(huì)報(bào)錯(cuò)
public StudentControl getStudentControl() {//這個(gè)錯(cuò),找了好久...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";
}
}
上面的最重要的就是那個(gè) @JSON(serialize=false) 。。。上面有注釋。。。。
struts.xml
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
//用戶名 綁定的事件 焦點(diǎn)的移入和移出
$("#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("錯(cuò)誤");
}
})
}
}
});
上面的time : Math.random()*1000 沒有什么實(shí)際意義 主要是防止緩存影響異步刷新。。。初稿,功能實(shí)現(xiàn)了,后面可以慢慢改
相關(guān)文章
jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)
這篇文章主要介紹了jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11jQuery插件HighCharts繪制2D半圓環(huán)圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D半圓環(huán)圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts插件繪制半圓環(huán)圖形的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
經(jīng)常會(huì)用到iframe,難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素,下面為大家簡單介紹下本人的使用心得2013-08-08jQuery實(shí)現(xiàn)新消息在網(wǎng)頁標(biāo)題閃爍提示
這篇文章主要介紹了jQuery實(shí)現(xiàn)新消息在網(wǎng)頁標(biāo)題閃爍提示的相關(guān)資料,需要的朋友可以參考下2015-06-06jquery實(shí)現(xiàn)九宮格大轉(zhuǎn)盤抽獎(jiǎng)
jQuery九宮格大轉(zhuǎn)盤抽獎(jiǎng)代碼網(wǎng)頁特效,點(diǎn)擊抽獎(jiǎng)按鈕開始隨機(jī)抽獎(jiǎng)選擇獎(jiǎng)品,可設(shè)置起點(diǎn)位置、獎(jiǎng)品數(shù)量、轉(zhuǎn)動(dòng)次數(shù)、中獎(jiǎng)位置參數(shù)2015-11-11jQuery判斷多個(gè)input file 都不能為空的例子
這篇文章主要介紹了jQuery判斷多個(gè)input file 都不能為空的例子,即一次性判斷多個(gè)上傳文件選擇框不能為空的方法,需要的朋友可以參考下2015-06-06jquery.validate提示錯(cuò)誤信息位置方法
這篇文章主要介紹了jquery.validate提示錯(cuò)誤信息位置方法,實(shí)例分析了jquery.validate實(shí)現(xiàn)提示錯(cuò)誤信息位置的相關(guān)技巧,需要的朋友可以參考下2016-01-01