本文实例为大家分享了Ajax验证用户名是否存在的实例代码,代码简单易懂,非常不错,需要的朋友可以参考下

jsp页面

我引入了bootstrap和jQuery

<div class="form-group">
     <label for="inputEmail3" class="col-sm-2 control-label"
      style="color: #fff">姓名</label>
     <div class="col-sm-10">
      <input type="text" class="form-control" id="studentName"
       name="studentName" placeholder="请输入姓名">
        <span id="s_studentName"></span>
     </div>
</div>

register.jsp页面

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
 //页面加载完成之后
 function fun() {
  //给用户名绑定blur事件
  $("#studentName").blur(function() {
   //获取studentName文本框的值
   var studentName = $("#studentName").val();
   //发送ajax请求
   //期望服务器响应回的数据格式{"userExsit":true,"msg":"此用户名太受欢迎,请更换一个"}
   //                          {"userExsit":false,"msg":"此用户名已存在"}
   $.get("CheckNameServlet", {
    "studentName" : studentName
   }, function(data) {
    //判断userExsit键的值是否为true
    var span = $("#s_studentName");
    if (data.isExist) {
     //用户不存在
     span.css("color", "red");
     span.html(data.msg);
    } else {
     //用户存在,可以给提示,也可以不给
     span.html("");
    }
   },"json");
  });
 };
 fun();
</script>

后台student文件下的CheckNameServlet页面

protected void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
   //设置编码格式
  response.setContentType("text/html;charset=UTF-8");
  //获取前端页面的值
  String name = request.getParameter("studentName");
  // 期望服务器响应回的数据格式{"isExsit":true,"msg":"此用户名太受欢迎,请更换一个"}
  // {"userExsit":false,"msg":"此用户名已存在"}

  // 检验是否存在该用户名
  try {
   boolean isExist = StudentService.isExist(name);
   System.out.println("isExist"   isExist);
   Map<String, Object> map = new HashMap<>();
   // 通知页面,到底有没有
   if (isExist) {
    map.put("isExist", true);
    map.put("msg", "此用户名太受欢迎,请更换一个");
   } else {
    map.put("isExist", false);
    // map.put("msg", "用户名可用");
   }
   //将map转换为json之前,要导包哦~
   // 将map转为json,并传递给客户端
   ObjectMapper mapper = new ObjectMapper();
   mapper.writeValue(response.getWriter(), map);
  } catch (SQLException e1) {
   // TODO Auto-generated catch block
   e1.printStackTrace();
  }

 }

JDBCDemo的方法的实现(我没实现接口,直接写的)

public static boolean checkName(String name) throws SQLException {
  boolean flag = false;
  String sql = "select * from student_table where student_name=?";
  PreparedStatement statement = connection.prepareStatement(sql);
  statement.setString(1, name);
  ResultSet set = statement.executeQuery();
   如果存在我输入的用户名和数据库表中已有的用户名相同时
  if(set.next()) {
   flag = true;
  }
  return flag;
 }
}

总结:

以上所述是小编给大家介绍的Ajax验证用户名是否存在的实例代码,希望对大家有所帮助。

Ajax校验用户名是否存在的方法的更多相关文章

  1. 应用程序关闭时的iOS任务

    我正在构建一个应用程序,通过ajax将文件上传到服务器.问题是用户很可能有时不会有互联网连接,并且客户希望在用户重新连接时安排ajax调用.这可能是用户在离线时安排文件上传并关闭应用程序.应用程序关闭时可以进行ajax调用吗?

  2. Swift学习笔记十二——nil的聚合运算 Nil Coalescing Operator

    运算符为两个问号??。a定义的时候声明为Optional。需求是这样的,一个App,需要用户输入用户名,如果输入的的确是用户名,则显示“Hello用户名”,没有输入显示“HelloGuest”。使用if-else显得比较冗长,我们可以使用三元运算符实现,代码如下:输出结果如下:符合我们的预期。。现在将会用到nil的聚合运算,即NilCoalescingOperator。.总结,该需求使用nil聚合运算显得非常简单,但是理解上有一定的困难,要在以后的学习中慢慢领悟。

  3. Swift guard 用法及特点

    guard的使用1.guard是Swift2.0新增的语法2.它与if语句非常类似,它设计的目的是提高程序的可读性3.guard语句必须带有else语句,它的语法如下:3.1.当条件表达式为true的时候跳过else语句中的内容,执行语句组内容3.2.条件表达式为false的时候执行else语句中的内容,跳转语句一般是return,break,continue和throwguard用法举例以下举例

  4. android – Phonegap本地构建 – jquery ajax错误:readystate 0 responsetext status 0 statustext error

    解决方法您是否在索引文件中包含了内容安全元标记?

  5. Ajax简单的异步交互及Ajax原生编写

    一提到异步交互大家就会说ajax,仿佛ajax这个技术已经成为了异步交互的代名词.那下面将研究ajax的核心对象

  6. Ajax跨域问题的解决办法汇总(推荐)

    本文给大家分享多种方法解决Ajax跨域问题,非常不错具有参考借鉴价值,感兴趣的朋友一起学习吧

  7. ajax编写简单的登录页面

    这篇文章主要为大家详细介绍了ajax编写简单登录页面的具体代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  8. ajax从JSP传递对象数组到后台的方法

    今天小编就为大家分享一篇ajax从JSP传递对象数组到后台的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  9. 解决ajax返回验证的时候总是弹出error错误的方法

    这篇文章主要介绍了解决ajax返回验证的时候总是弹出error错误的方法,感兴趣的小伙伴们可以参考一下

  10. 使用AJAX完成用户名是否存在异步校验

    这篇文章主要介绍了使用AJAX完成用户名是否存在异步校验的相关资料,需要的朋友可以参考下

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部