使用struts2+Ajax+jquery驗證用戶名是否已被注冊
推薦閱讀:JQuery+Ajax+Struts2+Hibernate框架整合實現(xiàn)完整的登錄注冊
在用戶模塊中的用戶注冊需求上,通常要進行用戶名是否已被注冊的驗證,今天正好寫了這個需求,把詳細代碼和所遇到的問題貼過來.在使用struts2+ajax時候,通常我們會返回json類型的數(shù)據(jù),但是像上面的例子,我們只希望返回一個1和0有助于進行后續(xù)判斷即可,沒必要返回json類型,返回一個text字符串就可以了.
regist.jsp(這里只提供<script>部分):
<script type="text/javascript"> $(function() { $("#userNiName").blur(function() { var val = $(this).val(); val = $.trim(val); var $this = $(this); if (val != "") { //把當前節(jié)點后面的所有 font 兄弟節(jié)點刪除 $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){..})函數(shù)提交ajax請求到指定url,并且攜帶參數(shù)args,最后用一個回調(diào)函數(shù)處理請求返回結果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的方式獲取表單數(shù)據(jù),而在使用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=?", 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標簽中,type="stream".
最后順帶說一句,我在調(diào)試的時候習慣使用輸出語句,但每次加一句輸出語句都需要重啟Tomcat,好煩.于是參考網(wǎng)上的方式,將Tmocat安裝目錄下,conf->server.xml中在<host>標簽下添加了以下代碼,就可以修改類(細微的修改)的時候,不需要重啟服務器了:
<!--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驗證用戶名是否已被注冊的知識,小編就給大家介紹這么多,希望對大家有所幫助!
相關文章
jquery實現(xiàn)未經(jīng)美化的簡潔TAB菜單效果
這篇文章主要介紹了jquery實現(xiàn)未經(jīng)美化的簡潔TAB菜單效果,涉及jquery鼠標click事件實現(xiàn)頁面元素樣式動態(tài)變換的功能,需要的朋友可以參考下2015-08-08jQuery實現(xiàn)立體式數(shù)字動態(tài)增加(animate方法)
本文主要分享了基于jQuery實現(xiàn)立體式數(shù)字動態(tài)增加(animate方法)的實例代碼。有很好的參考價值,需要的朋友一起來看下吧2016-12-12jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用介紹
本篇文章介紹了,jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用。需要的朋友參考下2013-04-04Jquery解析json字符串及json數(shù)組的方法
這篇文章主要介紹了Jquery解析json字符串及json數(shù)組的方法,實例分析了jQuery操作json格式字符串與數(shù)組的相關技巧,需要的朋友可以參考下2015-05-05