</pre><p><pre name="code" class="java">
//Jsp部分
function checkName(){
var ajax;
//第一步:创建ajax对象
try{
//IE浏览器
ajax=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
//火狐浏览器
ajax=new XMLHttpRequest;
}
//第二步:回调
ajax.onreadystatechange=function(){
if(ajax.readyState==4){
if(ajax.status==200)
var msg = ajax.responseText;
document.getElementById("errorMsg").innerHTML = msg;
}
}
//第三步:打开ajax通道
var obj = document.getElementById("name")
var val = obj.value;
// alert("aaaaa");
val = encodeURI(val);
val = encodeURI(val);
ajax.open("get","regServlet?name="+val,true);
//第四步:发送到cgi程序
ajax.send(null);
}
<form action="regServlet" method="post">
<input type="text" name="name" οnblur="checkName()"/>
</form>
}
//第三步:打开ajax通道
var obj = document.getElementById("name")
var val = obj.value;
// alert("aaaaa");
val = encodeURI(val);
val = encodeURI(val);
ajax.open("get","regServlet?name="+val,true);
//第四步:发送到cgi程序
ajax.send(null);
}
<form action="regServlet" method="post">
<input type="text" name="name" οnblur="checkName()"/>
</form>
//servlet部分
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setCharacterEncoding("utf-8");
request.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
String name = request.getParameter("name");
name = URLDecoder.decode(name, "utf-8");
name = URLDecoder.decode(name, "utf-8");
// System.out.println(name);
boolean check = new UserInfoDAO().checkName(name);//dao包部分查询代码省
if(check){
out.print("<font color='red'>该用户名已经被使用</font>");
}else{
out.print("<font color='green'>用户名可以使用</font>");
}
out.flush();
out.close();
}