ajax技术现在越来越受到大家的欢迎,因为它能很好的解决一些以前不好解决的问题,动态检查文本框中的数据就是体现之一。现在已经加上了数据库mysql,可以说得上是一个比较完整的例子了。
下面就是怎样实现动态检查文本框中的数据一个例子:
工程目录如下:
CheckServlet.java:
PreServlet.java:
DBOperator.java:
index.jsp:
success.jsp:
error.jsp:
web.xml:
运行结果是:
下面就是怎样实现动态检查文本框中的数据一个例子:
工程目录如下:
CheckServlet.java:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
/**
*
*/
package com;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* @author Administrator
*
*/
public class CheckServlet extends HttpServlet{
public String[]usernameList;
public CheckServlet(){
super ();
// TODOAuto-generatedconstructorstub
}
private boolean IsContain(Stringparam){
for ( int i = 0 ;i < usernameList.length;i ++ ){
if (usernameList[i].equals(param)){
return true ;
} else {
continue ;
}
}
return false ;
}
public void doGet(HttpServletRequestrequest,HttpServletResponseresponse) throws IOException,ServletException{
Stringusername = (String)request.getParameter( " username " );
Stringpassword = (String)request.getParameter( " password " );
Stringrepassword = (String)request.getParameter( " repassword " );
Stringemail = (String)request.getParameter( " email " );
if (username.equals( "" ) || username == null ){
request.setAttribute( " error.message " , " 用户名不能为空! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if (password.equals( "" ) || password == null ){
request.setAttribute( " error.message " , " 密码不能为空! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if ( ! password.equals(repassword)){
request.setAttribute( " error.message " , " 两次输入的密码不一致! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if ( this .IsContain(username)){
request.setAttribute( " error.message " , " 您输入的用户名已经存在! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else {
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " success.jsp " );
requsetDispatcher.forward(request,response);
}
}
public void doPost(HttpServletRequestrequest,HttpServletResponseresponse) throws IOException,ServletException{
doGet(request,response);
}
public void init(ServletConfigconfig) throws ServletException{
usernameList = new String[]{ " Tom " , " Jerry " , " Brain " };
}
}
*
*/
package com;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* @author Administrator
*
*/
public class CheckServlet extends HttpServlet{
public String[]usernameList;
public CheckServlet(){
super ();
// TODOAuto-generatedconstructorstub
}
private boolean IsContain(Stringparam){
for ( int i = 0 ;i < usernameList.length;i ++ ){
if (usernameList[i].equals(param)){
return true ;
} else {
continue ;
}
}
return false ;
}
public void doGet(HttpServletRequestrequest,HttpServletResponseresponse) throws IOException,ServletException{
Stringusername = (String)request.getParameter( " username " );
Stringpassword = (String)request.getParameter( " password " );
Stringrepassword = (String)request.getParameter( " repassword " );
Stringemail = (String)request.getParameter( " email " );
if (username.equals( "" ) || username == null ){
request.setAttribute( " error.message " , " 用户名不能为空! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if (password.equals( "" ) || password == null ){
request.setAttribute( " error.message " , " 密码不能为空! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if ( ! password.equals(repassword)){
request.setAttribute( " error.message " , " 两次输入的密码不一致! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else if ( this .IsContain(username)){
request.setAttribute( " error.message " , " 您输入的用户名已经存在! " );
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " error.jsp " );
requsetDispatcher.forward(request,response);
} else {
RequestDispatcherrequsetDispatcher = request.getRequestDispatcher( " success.jsp " );
requsetDispatcher.forward(request,response);
}
}
public void doPost(HttpServletRequestrequest,HttpServletResponseresponse) throws IOException,ServletException{
doGet(request,response);
}
public void init(ServletConfigconfig) throws ServletException{
usernameList = new String[]{ " Tom " , " Jerry " , " Brain " };
}
}
PreServlet.java:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
package
com;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PreServlet extends HttpServlet{
public ListusernameList;
/**
*Constructoroftheobject.
*/
public PreServlet(){
super ();
}
/**
*Destructionoftheservlet.<br>
*/
public void destroy(){
super .destroy(); // Justputs"destroy"stringinlog
// Putyourcodehere
}
/**
*ThedoGetmethodoftheservlet.<br>
*
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstoget.
*
* @param requesttherequestsendbytheclienttotheserver
* @param responsetheresponsesendbytheservertotheclient
* @throws ServletExceptionifanerroroccurred
* @throws IOExceptionifanerroroccurred
*/
public void doGet(HttpServletRequestrequest,HttpServletResponseresponse)
throws ServletException,IOException{
response.setContentType( " text/xml " );
response.setHeader( " Cache-Control " , " no-cache " );
Stringusername = (String)request.getParameter( " user_name " );
System.out.println(username);
Stringxml = " <?xmlversion=/ " 1.0 / " encoding=/ " UTF - 8 / " ?> " ;
if (username.equals( "" ) || username == null ){
xml += " <message><info>Usernameisrequired!</info></message> " ;
}
else if ( this .IsContain(username)){
xml += " <message><info>Theusernamehasexistes,Pleasechooseotherusername!</info></message> " ;
}
else {
xml += " <message><info>Usernameisapproved!</info></message> " ;
}
response.getWriter().write(xml);
}
/**
*ThedoPostmethodoftheservlet.<br>
*
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.
*
* @param requesttherequestsendbytheclienttotheserver
* @param responsetheresponsesendbytheservertotheclient
* @throws ServletExceptionifanerroroccurred
* @throws IOExceptionifanerroroccurred
*/
public void doPost(HttpServletRequestrequest,HttpServletResponseresponse)
throws ServletException,IOException{
doGet(request,response);
}
/**
*Initializationoftheservlet.<br>
*
* @throws ServletExceptionifanerroroccure
*/
public void init() throws ServletException{
// Putyourcodehere
DBOperatordBOperator = new DBOperator();
usernameList = dBOperator.getUsernameList();
}
private boolean IsContain(Stringparam){
//这里修改了以前的代码,现在是读取数据库的数据。
Iteratorit =usernameList.iterator();
while(it.hasNext()){
if(it.next().toString().equals(param)){
returntrue;
}else{
continue;
}
}
returnfalse ;
}
}
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PreServlet extends HttpServlet{
public ListusernameList;
/**
*Constructoroftheobject.
*/
public PreServlet(){
super ();
}
/**
*Destructionoftheservlet.<br>
*/
public void destroy(){
super .destroy(); // Justputs"destroy"stringinlog
// Putyourcodehere
}
/**
*ThedoGetmethodoftheservlet.<br>
*
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstoget.
*
* @param requesttherequestsendbytheclienttotheserver
* @param responsetheresponsesendbytheservertotheclient
* @throws ServletExceptionifanerroroccurred
* @throws IOExceptionifanerroroccurred
*/
public void doGet(HttpServletRequestrequest,HttpServletResponseresponse)
throws ServletException,IOException{
response.setContentType( " text/xml " );
response.setHeader( " Cache-Control " , " no-cache " );
Stringusername = (String)request.getParameter( " user_name " );
System.out.println(username);
Stringxml = " <?xmlversion=/ " 1.0 / " encoding=/ " UTF - 8 / " ?> " ;
if (username.equals( "" ) || username == null ){
xml += " <message><info>Usernameisrequired!</info></message> " ;
}
else if ( this .IsContain(username)){
xml += " <message><info>Theusernamehasexistes,Pleasechooseotherusername!</info></message> " ;
}
else {
xml += " <message><info>Usernameisapproved!</info></message> " ;
}
response.getWriter().write(xml);
}
/**
*ThedoPostmethodoftheservlet.<br>
*
*Thismethodiscalledwhenaformhasitstagvaluemethodequalstopost.
*
* @param requesttherequestsendbytheclienttotheserver
* @param responsetheresponsesendbytheservertotheclient
* @throws ServletExceptionifanerroroccurred
* @throws IOExceptionifanerroroccurred
*/
public void doPost(HttpServletRequestrequest,HttpServletResponseresponse)
throws ServletException,IOException{
doGet(request,response);
}
/**
*Initializationoftheservlet.<br>
*
* @throws ServletExceptionifanerroroccure
*/
public void init() throws ServletException{
// Putyourcodehere
DBOperatordBOperator = new DBOperator();
usernameList = dBOperator.getUsernameList();
}
private boolean IsContain(Stringparam){
//这里修改了以前的代码,现在是读取数据库的数据。
Iteratorit =usernameList.iterator();
while(it.hasNext()){
if(it.next().toString().equals(param)){
returntrue;
}else{
continue;
}
}
returnfalse ;
}
}
DBOperator.java:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
package
com;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
public class DBOperator{
public DBOperator(){}
public ConnectionConnect(){
Connectioncon = null ;
try {
Class.forName( " com.mysql.jdbc.Driver " ).newInstance();
con = java.sql.DriverManager.getConnection( " jdbc:mysql://localhost/test?useUnicode=true&characterEncoding=GBK " , " root " , "" );
} catch (Exceptione){
// TODOAuto-generatedcatchblock
e.printStackTrace();
}
return con;
}
public ListgetUsernameList(){
Connectioncon = Connect();
ListusernameList = new ArrayList();
try {
Statementstmt = con.createStatement();
ResultSetrst = stmt.executeQuery( " select*fromm_stuinfo " );
while (rst.next()){
usernameList.add(rst.getString( " m_stuinfo_name " ));
}
} catch (Exceptione){
// TODOAuto-generatedcatchblock
e.printStackTrace();
}
return usernameList;
}
}
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
public class DBOperator{
public DBOperator(){}
public ConnectionConnect(){
Connectioncon = null ;
try {
Class.forName( " com.mysql.jdbc.Driver " ).newInstance();
con = java.sql.DriverManager.getConnection( " jdbc:mysql://localhost/test?useUnicode=true&characterEncoding=GBK " , " root " , "" );
} catch (Exceptione){
// TODOAuto-generatedcatchblock
e.printStackTrace();
}
return con;
}
public ListgetUsernameList(){
Connectioncon = Connect();
ListusernameList = new ArrayList();
try {
Statementstmt = con.createStatement();
ResultSetrst = stmt.executeQuery( " select*fromm_stuinfo " );
while (rst.next()){
usernameList.add(rst.getString( " m_stuinfo_name " ));
}
} catch (Exceptione){
// TODOAuto-generatedcatchblock
e.printStackTrace();
}
return usernameList;
}
}
index.jsp:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
<%
@pagelanguage
=
"
java
"
contentType
=
"
text/html;charset=utf-8
"
%>
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=utf-8 " >
< title > 注册 </ title >
< SCRIPTtype = " text/javascript " >
varreq;
functionUsrNameCheck()
{
varusername = document.getElementById( ' username ' ).value;
varurl = " pre?user_name= " + username;
if (window.XMLHttpRequest)
{
req = new XMLHttpRequest();
} else if (window.ActiveXObject)
{
req = new ActiveXObject( " Microsoft.XMLHTTP " );
}
if (req)
{
req.open( " GET " ,url, true );
req.onreadystatechange = callback;
req.send( null );
}
functioncallback()
{
if (req.readyState == 4 )
{
if (req.status == 200 )
{
parseMessage();
} else {
alert( " Notabletoretrievedescription " + req.statusText);
}
} else {
document.getElementById( ' check_username ' ).innerHTML = " 正在验证用户名 " ;
}
}
functionparseMessage()
{
varxmlDoc = req.responseXML.documentElement;
alert(xmlDoc);
varnode = xmlDoc.getElementsByTagName( ' info ' );
document.getElementById( ' check_username ' ).innerHTML = node[ 0 ].firstChild.nodeValue;
}
functionForm_Submit()
{
if (regForm.username.value == "" )
{
alert( " 用户名不能为空 " );
return false ;
} else if (regForm.password.value == "" )
{
alert( " 密码不能为空 " );
return false ;
} else if (regForm.password.value != regForm.repassword.value)
{
alert( " 两次输入的密码不一致 " );
return false ;
}
regForm.submit();
}
}
</ SCRIPT >
</ head >
< body >
< divalign = " center " >
< formname = " regForm " method = " post " action = " /reg/regservlet " >
< tablewidth = " 70% " border = " 1 " >
< tralign = " center " >
< tdcolspan = " 2 " > 用户注册 </ td >
</ tr >
< tr >
< tdwidth = " 24% " align = " center " > 用户名: </ td >
< tdwidth = " 76% " >< inputname = " username " type = " text " id = " username " onBlur = " UsrNameCheck() " >
< SPANid = " check_username " ></ SPAN >
</ td >
</ tr >
< tr >
< tdalign = " center " > 密码: </ td >
< td >< inputname = " password " type = " password " id = " password " ></ td >
</ tr >
< tr >
< tdalign = " center " > 重复密码: </ td >
< td >< inputname = " repassword " type = " password " id = " repassword " ></ td >
</ tr >
< tr >
< tdalign = " center " > email: </ td >
< td >< inputname = " email " type = " text " id = " email " ></ td >
</ tr >
< tralign = " center " >
< tdcolspan = " 2 " >< inputtype = " button " name = " Submit " value = " 提交 " onClick = " Form_Submit() " ></ td >
</ tr >
</ table >
</ form >
</ div >
</ body >
</ html >
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=utf-8 " >
< title > 注册 </ title >
< SCRIPTtype = " text/javascript " >
varreq;
functionUsrNameCheck()
{
varusername = document.getElementById( ' username ' ).value;
varurl = " pre?user_name= " + username;
if (window.XMLHttpRequest)
{
req = new XMLHttpRequest();
} else if (window.ActiveXObject)
{
req = new ActiveXObject( " Microsoft.XMLHTTP " );
}
if (req)
{
req.open( " GET " ,url, true );
req.onreadystatechange = callback;
req.send( null );
}
functioncallback()
{
if (req.readyState == 4 )
{
if (req.status == 200 )
{
parseMessage();
} else {
alert( " Notabletoretrievedescription " + req.statusText);
}
} else {
document.getElementById( ' check_username ' ).innerHTML = " 正在验证用户名 " ;
}
}
functionparseMessage()
{
varxmlDoc = req.responseXML.documentElement;
alert(xmlDoc);
varnode = xmlDoc.getElementsByTagName( ' info ' );
document.getElementById( ' check_username ' ).innerHTML = node[ 0 ].firstChild.nodeValue;
}
functionForm_Submit()
{
if (regForm.username.value == "" )
{
alert( " 用户名不能为空 " );
return false ;
} else if (regForm.password.value == "" )
{
alert( " 密码不能为空 " );
return false ;
} else if (regForm.password.value != regForm.repassword.value)
{
alert( " 两次输入的密码不一致 " );
return false ;
}
regForm.submit();
}
}
</ SCRIPT >
</ head >
< body >
< divalign = " center " >
< formname = " regForm " method = " post " action = " /reg/regservlet " >
< tablewidth = " 70% " border = " 1 " >
< tralign = " center " >
< tdcolspan = " 2 " > 用户注册 </ td >
</ tr >
< tr >
< tdwidth = " 24% " align = " center " > 用户名: </ td >
< tdwidth = " 76% " >< inputname = " username " type = " text " id = " username " onBlur = " UsrNameCheck() " >
< SPANid = " check_username " ></ SPAN >
</ td >
</ tr >
< tr >
< tdalign = " center " > 密码: </ td >
< td >< inputname = " password " type = " password " id = " password " ></ td >
</ tr >
< tr >
< tdalign = " center " > 重复密码: </ td >
< td >< inputname = " repassword " type = " password " id = " repassword " ></ td >
</ tr >
< tr >
< tdalign = " center " > email: </ td >
< td >< inputname = " email " type = " text " id = " email " ></ td >
</ tr >
< tralign = " center " >
< tdcolspan = " 2 " >< inputtype = " button " name = " Submit " value = " 提交 " onClick = " Form_Submit() " ></ td >
</ tr >
</ table >
</ form >
</ div >
</ body >
</ html >
success.jsp:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
<%
@pagelanguage
=
"
java
"
contentType
=
"
text/html;charset=GB2312
"
%>
<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.01Transitional//EN " >
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=GB2312 " >
< title > 注册成功 </ title >
</ head >
< body >
恭喜你,注册成功! < br >
</ body >
</ html >
<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.01Transitional//EN " >
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=GB2312 " >
< title > 注册成功 </ title >
</ head >
< body >
恭喜你,注册成功! < br >
</ body >
</ html >
error.jsp:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
<%
@pagelanguage
=
"
java
"
contentType
=
"
text/html;charset=GB2312
"
%>
<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.01Transitional//EN " >
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=GB2312 " >
< title > 失败 </ title >
</ head >
< body >
< divalign = " center " >
< tablewidth = " 70% " border = " 1 " >
< tr >
< td > 注册失败 </ td >
</ tr >
< tr >
< td >& nbsp; <%= (String)request.getAttribute( " error.message " ) %></ td >
</ tr >
< tr >
< td >< ahref = " index.jsp " > 返回注册页 </ a ></ td >
</ tr >
</ table >
</ div >
</ body >
</ html >
<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.01Transitional//EN " >
< html >
< head >
< metahttp - equiv = " Content-Type " content = " text/html;charset=GB2312 " >
< title > 失败 </ title >
</ head >
< body >
< divalign = " center " >
< tablewidth = " 70% " border = " 1 " >
< tr >
< td > 注册失败 </ td >
</ tr >
< tr >
< td >& nbsp; <%= (String)request.getAttribute( " error.message " ) %></ td >
</ tr >
< tr >
< td >< ahref = " index.jsp " > 返回注册页 </ a ></ td >
</ tr >
</ table >
</ div >
</ body >
</ html >
web.xml:
<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->
<?
xmlversion
=
"
1.0
"
encoding
=
"
UTF-8
"
?>
< web - appversion = " 2.4 "
xmlns = " http://java.sun.com/xml/ns/j2ee "
xmlns:xsi = " http://www.w3.org/2001/XMLSchema-instance "
xsi:schemaLocation = " http://java.sun.com/xml/ns/j2ee
http: // java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
< display - name > reg </ display - name >
<!-- ActionServletConfiguration -->
< servlet >
< servlet - name > regservlet </ servlet - name >
< servlet - class > com.CheckServlet </ servlet - class >
</ servlet >
< servlet >
< servlet - name > PreServlet </ servlet - name >
< servlet - class > com.PreServlet </ servlet - class >
</ servlet >
<!-- ActionServletMapping -->
< servlet - mapping >
< servlet - name > regservlet </ servlet - name >
< url - pattern >/ regservlet </ url - pattern >
</ servlet - mapping >
< servlet - mapping >
< servlet - name > PreServlet </ servlet - name >
< url - pattern >/ pre </ url - pattern >
</ servlet - mapping >
< welcome - file - list >
< welcome - file > index.jsp </ welcome - file >
</ welcome - file - list >
</ web - app >
< web - appversion = " 2.4 "
xmlns = " http://java.sun.com/xml/ns/j2ee "
xmlns:xsi = " http://www.w3.org/2001/XMLSchema-instance "
xsi:schemaLocation = " http://java.sun.com/xml/ns/j2ee
http: // java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
< display - name > reg </ display - name >
<!-- ActionServletConfiguration -->
< servlet >
< servlet - name > regservlet </ servlet - name >
< servlet - class > com.CheckServlet </ servlet - class >
</ servlet >
< servlet >
< servlet - name > PreServlet </ servlet - name >
< servlet - class > com.PreServlet </ servlet - class >
</ servlet >
<!-- ActionServletMapping -->
< servlet - mapping >
< servlet - name > regservlet </ servlet - name >
< url - pattern >/ regservlet </ url - pattern >
</ servlet - mapping >
< servlet - mapping >
< servlet - name > PreServlet </ servlet - name >
< url - pattern >/ pre </ url - pattern >
</ servlet - mapping >
< welcome - file - list >
< welcome - file > index.jsp </ welcome - file >
</ welcome - file - list >
</ web - app >
运行结果是: