本文主要和大家详细介绍了基于jQuery实现Ajax验证用户名是否可用实例,具有一定的参考价值,希望能帮助到大家。
HTML
Insert title here//页面加载完成后
$(function() {
//添加失焦事件
$("#username").blur(function() {
//获取录入的用户名
var usernamevalue = $("#username").val();
//向服务器发送请求
var url="/jquery_ajax/load";
$("#username_span").load(url,{'username':usernamevalue});
});
});
LoginServlet
public class LoadServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 解决乱码
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
// 1.得到用户名
String username = request.getParameter("username");
// 2.判断用户名是否可以使用
if ("tom".equals(username)) {
// 用户名不可以使用
response.getWriter().write("用户名被占用");
} else {
// 用户名可以使用
response.getWriter().write("用户名可以使用");
}
}
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
}
web.xml
LoadServlet
LoadServlet
com.zxl.servlet.LoadServlet
LoadServlet
/load
相关推荐:
Ajax验证用户名实例代码
php ajax验证用户名实现代码(1/3)_PHP教程
ajax验证用户名和密码,ajax验证用户名