微客导航 » 文章资讯 » 基于jQuery实现Ajax验证用户名是否可用实例

基于jQuery实现Ajax验证用户名是否可用实例

2023-09-14 23:59:06 313

本文实例为大家分享了jQueryajax简单案例-验证用户名是否可用的具体代码，供大家参考，具体内容如下

HTML





Inserttitlehere


//页面加载完成后
$(function(){
//添加失焦事件
$("#username").blur(function(){
//获取录入的用户名
varusernamevalue=$("#username").val();
//向服务器发送请求
varurl="/jquery_ajax/load";
$("#username_span").load(url,{'username':usernamevalue});
});

});

LoginServlet

publicclassLoadServletextendsHttpServlet{

publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
//解决乱码
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
//1.得到用户名
Stringusername=request.getParameter("username");

//2.判断用户名是否可以使用
if("tom".equals(username)){
//用户名不可以使用
response.getWriter().write("用户名被占用");
}else{
//用户名可以使用

response.getWriter().write("用户名可以使用");
}
}

publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{

doGet(request,response);
}

}

web.xml



LoadServlet
LoadServlet

com.zxl.servlet.LoadServlet


LoadServlet
/load

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

基于jQuery实现Ajax验证用户名是否可用实例

热门推荐

随机推荐