Ajax 异步判断用户名是否存在开发流程

1添加jslib到工程WebRoot下，里面有jquery类库和自定义verify.js


2在html中引入这两个js类。
 <script type="text/javascript" src="jslib/jquery.js"></script>
 <script type="text/javascript" src="jslib/verify.js"></script>




3在需要判断的输入框添加事件
例如键盘按起事件 onkeyup=“”，事件指向verify.js里面的verify函数


用户名：<input type="text" name="userName" id="userName" onkeyup="verify()"/>


4在页面添加 div 或者 span来接收服务器返回的信息。
<div id="result"></div>


5 ServletAjax类
doPost方法中代码：


public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();

String  userName=request.getParameter("userName"); //userName 必须和verify.js中定义的对应

UserService service=new UserService();
int flag = service.selectUsers(userName);

if(flag == 1){
out.println("*&nbsp;此用户名已经存在,请选择其他用户名注册。");
}else{
out.println("*&nbsp;此用户名不存在 ，您可以注册。");
}

}

6：UserService.java
添加如下方法。


/*
* 注册时Ajax异步查询用户名是否存在
*/
public int selectUsers(String userName){
dbcon = new DBConnection();
sta = dbcon.getStatement();
sql = "select * from users";
try {
rs=sta.executeQuery(sql);
tag:
while(rs.next()){
String usernamedata = rs.getString("userName");
if(usernamedata.equals(userName)){
//存在的情况下，flag=1
flag = 1;
break tag;
}
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return flag;
}


OK！