首頁 > web前端 > js教程 > 主體

使用struts2+Ajax+jquery驗證使用者名稱是否已註冊_jquery

WBOY
發布: 2016-05-16 15:10:02
原創
1062 人瀏覽過

推薦閱讀JQuery+Ajax+Struts2+Hibernate框架整合實作完整的登入註冊

在用戶模組中的用戶註冊需求上,通常要進行用戶名是否已被註冊的驗證,今天正好寫了這個需求,把詳細代碼和所遇到的問題貼過來.在使用struts2+ajax時候,通常我們會返回json類型的資料,但是像上面的例子,我們只希望返回一個1和0有助於進行後續判斷即可,沒必要返回json類型,返回一個text字符串就可以了.

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

<script type="text/javascript">
$(function() {
$("#userNiName").blur(function() {
var val = $(this).val();
val = $.trim(val);
var $this = $(this);
if (val != "") {
//把当前节点后面的所有 font 兄弟节点删除
$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'>用户名已被注册!</font>");
}
//服务器错误
else {
alert("服务器错误!");
}
});
} else {
$(this).val("");
$this.focus();
}
});
})
</script> 
登入後複製

這裡我是用了Jquery.post(url,args,function(data){..})函數提交ajax請求到指定url,並且攜帶參數args,最後用一個回調函數處理請求返回結果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;
}
//检验用户昵称是否存在
public String checkName() throws UnsupportedEncodingException{
System.out.println("进入ajax检验");
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的方式獲取表單資料,而在使用ajax的時候,直接傳了一個userNiName(暱稱)過來,於是我在UserAction中加了一個私有字符串變數userNiName,並設置了set方法.結果死活傳不過值來,傳過來的是一個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{
/**
* 通过用户昵称查询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=&#63;", userNiName);
if(list!=null&&list.size()>0){
System.out.println("list:"+list.get(0));
return list.get(0);
}
return null;
}
}
登入後複製

struts.xml:

<&#63;xml version="1.0" encoding="UTF-8" &#63;>
<!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標籤中,type="stream".

最後順帶說一句,我在調試的時候習慣使用輸出語句,但每次加一句輸出語句都需要重啟Tomcat,好煩.於是參考網上的方式,將Tmocat安裝目錄下,conf->server. xml中在標籤下加入了以下程式碼,就可以修改類別(細微的修改)的時候,不需要重新啟動伺服器了:

<!--docBase就是你的项目工程所在的全路径,path就是写你的项目名,reloadable="true",可以自动重新加载修改过的class文件-->
<Context debug="0" docBase="D:\Tomcat 7.0\webapps\SSH_shop01" path="/SSH_shop01" reloadable="true" /> 
登入後複製

需要特別注意的是,當在Tomcat中卸載了該項目後,一定要回來將這個標籤刪除.

使用struts2+Ajax+jquery驗證使用者名稱是否已被註冊的知識,小編就給大家介紹這麼多,希望對大家有幫助!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!