实现代码:
<script>
function validate() {
var name = $('#name').val();
//非空验证
if (name == null || name == ""){
$('#nameDiv').html("用户名不能为空!!!")
}else{
//ajax异步请求
var xmlHttpRequest = createXmlHttpRequest();
//设置回调函数
xmlHttpRequest.onreadystatechange = callBack;
//GET//初始化请求
// var url = "UserServlet?username="+name;
// xmlHttpRequest.open("GET",url);
// //发送请求
// xmlHttpRequest.send(null);
//使用Post初始化请求和发送请求
var url = "UserServlet";
xmlHttpRequest.open("POST",url,true);
xmlHttpRequest.setRequestHeader("Content-type","application/x-www-from-urlencoded");
//发送请求
var data = "username="+name;
xmlHttpRequest.send(data);
//回调函数
function callBack() {
//服务器响应完成
if (xmlHttpRequest.readyState == 4 ||xmlHttpRequest.status == 200){
var used = xmlHttpRequest.responseText;
console.log(used);
if (used == "true"){
$('#nameDiv').html("用户名已经被使用").css("color","red");
}else{
$('#nameDiv').html("用户名可以使用").css("color","green");
}
}
}
}
}
function createXmlHttpRequest() {
//IE6以上版本及以上版本的浏览器
if (window.XMLHttpRequest){
return new XMLHttpRequest();
}else{
//IE6及以下版本
return new ActiveXObject("Microsoft.XMLHttp");
}
}
</script>