基于jQuery实现Ajax验证用户名是否可用实例
发布时间:2020-08-29 23:33:30
来源:脚本之家
阅读:99
作者:a772304419
本文实例为大家分享了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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。