"index.jsp":
<body>
<form action="" id="form1">
<table>
<tr>
<td>用 户 名:</td>
<td><input type="text" name="name" id="name" /> <font
color="#c00fff">*</font>
</td>
<td>
<div id="nameDiv" style="display: inline"></div>
</td>
</tr>
</table>
</form>
</body>
<head>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
//ajax:
<script type="text/javascript">
$(document).ready(function() {
$("#name").blur(function() {
var name = this.value;
if (name == null || name == "") {
$("#nameDiv").html("用户名不能为空!");
} else {
$.ajax({
"url" : "userServlet", //要提交的URL路径
"type" : "GET", //发送请求的方式
"data" : "name="+name, //要发送到服务器的数据
"dataType" : "text", //指定返回的数据格式
"success" : callBack, //响应成功后要执行的代码
"error" : function() { //请求失败后要执行的代码
alert("用户名验证时出现错误,请稍后再试或与管理员联系!");
}
});
//响应成功时的回调函数
function callBack(data) {
if (data == "true") {
$("#nameDiv").html("用户名已被使用!");
} else {
$("#nameDiv").html("用户名可以使用!");
}
}//end of callBack()
}
});//end of blur()
});
</script>
</head>
//
package com.bdqn.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class UserServlet extends HttpServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name=req.getParameter("name");
String flag = "false";
if("ajax".equals(name)){
flag = "true";
}else{
flag = "false";
}
PrintWriter pw = resp.getWriter();
pw.write(flag);
pw.flush();
pw.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}