這篇文章主要介紹了使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)的相關(guān)資料,需要的朋友可以參考下

在用戶模塊中的用戶注冊(cè)需求上,通常要進(jìn)行用戶名是否已被注冊(cè)的驗(yàn)證,今天正好寫(xiě)了這個(gè)需求,把詳細(xì)代碼和所遇到的問(wèn)題貼過(guò)來(lái).在使用struts2+ajax時(shí)候,通常我們會(huì)返回json類型的數(shù)據(jù),但是像上面的例子,我們只希望返回一個(gè)1和0有助于進(jìn)行后續(xù)判斷即可,沒(méi)必要返回json類型,返回一個(gè)text字符串就可以了.

regist.jsp(這里只提供<script>部分):

<script type="text/javascript">

$(function() {

$("#userNiName").blur(function() {

var val = $(this).val();

val = $.trim(val);

var $this = $(this);

if (val != "") {

//把當(dāng)前節(jié)點(diǎn)后面的所有 font 兄弟節(jié)點(diǎn)刪除

$this.nextAll("font").remove();

var url = "user_checkName";

var args = {

"userNiName" : val,

"time" : new Date()

};

$.post(url, args, function(data) {

//表示可用

if (data == "1") {

$this.after("<font color='green'>用戶名可用!</font>");

}

//不可用

else if (data == "0") {

$this.after("<font color='red'>用戶名已被注冊(cè)!</font>");

}

//服務(wù)器錯(cuò)誤

else {

alert("服務(wù)器錯(cuò)誤!");

}

});

} else {

$(this).val("");

$this.focus();

}

});

})

</script>

這里我是用了Jquery.post(url,args,function(data){..})函數(shù)提交ajax請(qǐng)求到指定url，并且攜帶參數(shù)args，最后用一個(gè)回調(diào)函數(shù)處理請(qǐng)求返回結(jié)果data.

UserAction:

public class UserAction extends ActionSupport implements ModelDriven<User>{

private User user=new User();

private UserService userService;

private InputStream inputStream;

public InputStream getInputStream() {

return inputStream;

}

//檢驗(yàn)用戶昵稱是否存在

public String checkName() throws UnsupportedEncodingException{

System.out.println("進(jìn)入ajax檢驗(yàn)");

String userNiName=user.getUserNiName();

if(userService.findUserByName(userNiName)==null){

inputStream=new ByteArrayInputStream("1".getBytes("UTF-8"));

}else{

inputStream=new ByteArrayInputStream("0".getBytes("UTF-8"));

}

return "ajax_succ";

}

@Override

public User getModel() {

return user;

}

public void setUserService(UserService userService) {

this.userService = userService;

}

} 

注意:這里我用的是ModelDriven的方式獲取表單數(shù)據(jù),而在使用ajax的時(shí)候,直接傳了一個(gè)userNiName(昵稱)過(guò)來(lái),于是我在UserAction中加了一個(gè)私有字符串變量userNiName,并設(shè)置了set方法.結(jié)果死活傳不過(guò)值來(lái),傳過(guò)來(lái)的是一個(gè)null,于是我將私有變量刪掉,然后直接用user.getUserNiName()直接獲取就得到了.切記.

UserService(省略).

User類(省略).

UserDao:

package com.wang.shop.user.dao;

import java.util.List;

import org.springframework.orm.hibernate4.support.HibernateDaoSupport;

import com.wang.shop.user.entity.User;

public class UserDao extends HibernateDaoSupport{

/**

* 通過(guò)用戶昵稱查詢User

* @param userNiName

* @return

*/

public User findUserByName(String userNiName){

List<User> list = (List<User>) this.getHibernateTemplate().find("select u from User u where u.userNiName=?", userNiName);

if(list!=null&&list.size()>0){

System.out.println("list:"+list.get(0));

return list.get(0);

}

return null;

}

}

struts.xml:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC

"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"

"http://struts.apache.org/dtds/struts-2.3.dtd">

<struts>

<package name="shop" namespace="/" extends="struts-default">

<!-- UserAction -->

<action name="user_*" class="userAction" method="{1}">

<result name="regist_succ">/WEB-INF/jspForUser/login.jsp</result>

<result type="stream" name="ajax_succ">

<param name="contentType">text/html</param>

<param name="inputStream">inputStream</param>

</result>

</action>

</package>

</struts>

注意在result標(biāo)簽中,type="stream".

最后順帶說(shuō)一句,我在調(diào)試的時(shí)候習(xí)慣使用輸出語(yǔ)句,但每次加一句輸出語(yǔ)句都需要重啟Tomcat,好煩.于是參考網(wǎng)上的方式,將Tmocat安裝目錄下,conf->server.xml中在<host>標(biāo)簽下添加了以下代碼,就可以修改類(細(xì)微的修改)的時(shí)候,不需要重啟服務(wù)器了:

<!--docBase就是你的項(xiàng)目工程所在的全路徑,path就是寫(xiě)你的項(xiàng)目名,reloadable="true",可以自動(dòng)重新加載修改過(guò)的class文件-->

<Context debug="0" docBase="D:\Tomcat 7.0\webapps\SSH_shop01" path="/SSH_shop01" reloadable="true" />

需要特別注意的是,當(dāng)在Tomcat中卸載了該項(xiàng)目后,一定要回來(lái)將這個(gè)標(biāo)簽刪除.

使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)的知識(shí)，小編就給大家介紹這么多，希望對(duì)大家有所幫助！