直接上代码
$(function() {
$("#inputid").blur(function() { //当xxx失去焦点时
var value = $("#inputid").val();
$.ajax({
url : "../AjaxEmailServlet",//要请求的服务器名字
//这是一个对象，表示请求的参数，两个参数。服务器可以通过request.getParameter()来获取
data : {loginId : value}, //这里的email对应表单中的name="email"，也是发送url中的email=value(GET方式)
async : true, //是否为异步请求
cache : false, //是否缓存结果
type : "POST", //请求方式为POST
dataType : "json", //服务器返回的数据是什么类型
success : function(result) { //这个方法会在服务器执行成功是被调用 ，参数result就是服务器返回的值(现在是json类型)
if (result) {
$("#txtid").text("用户名已经被注册");
}
else {
$("#txtid").text("用户名可以注册");
}
}
})
})
Servlet 代码
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.svtcc.usersdao.UserDao;
@WebServlet("/AjaxEmailServlet")
public class AjaxEmailServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//设置编码格式
request.setCharacterEncoding("utf-8");
//请求内容类型
response.setContentType("text/html;charset=utf-8");
//过得loginid的值，也就是提交上来的
String name = request.getParameter("loginId");
//下面两句是执行sql查询数据库的dao类
UserDao dao = new UserDao();
//判断返回的布尔类型
if (dao.userIsExist(name)) {
response.getWriter().print("true"); // 将结果返回到前端页面
} else {
response.getWriter().print("false"); // 将结果返回到前端页面
}
}
public AjaxEmailServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
}