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!
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kalision/article/details/7409874
个人分类: 11 Ajax
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭