/**
主页面
*/
jsp代码如下：
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#email").blur(function(){ 根据邮箱的id设置文本失去焦点的事件
var email=document.getElementById("email").value; 获取id名为email的value值
xmlHttpRequest =null;
//1、创建XMLHttpRequest对象
if(window.XMLHttpRequest){
xmlHttpRequest=new XMLHttpRequest();
}else{
xmlHttpRequest=new ActiveXObject("Microsoft.XMlHTTP");
}
//2、设置回调函数
xmlHttpRequest.onreadystatechange=callback;
//3、初始化XMLHttpRequest组件
var url="LoginServlet?email="+email; 自己创建的servlet的类名 email 为文本框的获取值
xmlHttpRequest.open("GET", url,true);
//4、发送请求
xmlHttpRequest.send(null);
//回调函数
function callback() {
if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
var data=xmlHttpRequest.responseText;
if(data=="true"){
$("#show").html("邮箱已经存在"); show为现实消息的div
}else{
$("#show").html("邮箱验证成功");
}
}
}
})
})
</script>
/**
创建的 LoginServlet 类 继承 HttpServlet
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String eamil=request.getParameter("email"); 获取用户输入邮箱的值
Boolean user=false;
if("1234@qq.com".equals(eamil)){
user=true;
}else{
user=false;
}
out.print(user); 不能省略
out.flush();
out.close();
}
<body>
<input type="text" name="email" id="email">
<div id="show"> </div>
</body