关闭

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

标签: ajaxstringjquerysqlservicediv
1275人阅读 评论(0) 收藏 举报
分类:
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!
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1963364次
    • 积分:16312
    • 等级:
    • 排名:第674名
    • 原创:206篇
    • 转载:212篇
    • 译文:0篇
    • 评论:143条
    最新评论