您的位置：首页 > 编程语言 > Java开发

AJAX+JAVA实现登录的实时验证

2016-04-06 23:02 573 查看

做了一个登录的程序，实现了登录名的实时验证

首先看前台JSP代码（只包含核心的js和HTML）

<script type="text/javascript">

function checkUser(){

var username = document.getElementById("username").value;

var data = "username="+username;

var request = new XMLHttpRequest();

request.onreadystatechange=function(){
if(request.readyState == 4 && request.status == 200){
document.getElementById("warning").innerHTML = request.responseText;
}
}

request.open("POST", "check", true);
//使用post方式提交数据，必须加上下面这行代码
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(data);

}

</script>

</head>

<body>
<form action="registe" method="post" >
用户名：<input type="text" name="username" onkeyup="checkUser();" id="username"/>
<span id="warning">asd</span>
</br></br>
密 码：<input type="password" name="password" />
</br></br>
<input type="submit" value="注册" />

</form>

然后再来看servlet部分（只包含处理的逻辑代码）

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {

UserDao userDao = new UserDao();
PrintWriter out = resp.getWriter();

String username = (String) req.getParameter("username");

if(userDao.isExists(username)){
//			userDao.isExists()检测数据库是否存在该用户
out.write("用户已经存在" );
}else{
out.write("用户不存在");
}

}

下面为get提交的方式（只包含与post不一样的部分）

request.open("GET", "check?"+data, true);
//使用post方式提交数据，必须加上下面这行代码
//request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(null);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航