使用Ajax怎么验证用户名是否存在

2023-06-08 06:06:11 250人浏览薄情痞子

摘要

这篇文章给大家介绍使用ajax怎么验证用户名是否存在，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。什么是ajaxajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交

这篇文章给大家介绍使用ajax怎么验证用户名是否存在，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

什么是ajax

ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。

jsp页面

<head><script type="text/javascript" src="js/reGISter.js"></script></head><table><td>用户名：</td> <td> <input type="text" name="r_name" id="r_name" onblur="CheckUserName()"> <span id="span01"></span> </td></table>

js文件夹下的register.js

//创建对象function ajaxFunction(){ var xmlHttp; try{ // 适用于IE7+, Firefox, Chrome, Opera, Safari xmlHttp=new XMLHttpRequest(); } catch(e){ try{ //Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ // 适用于IE6, IE5 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){ xmlHttp=false; } } } return xmlHttp; }var flag=ture; function CheckUserName(){ //获取jsp页面输入的值var name=document.getElementById("r_name").value; if(name==""||name==null){ document.getElementById("span01").innerhtml="<font color='red'>用户名不能为空！</font>" flag=false; }else{ //1.创建对象var request=ajaxFunction(); //2.发送请求request.open("POST","/StudyWEB/CheckUserNameServlet",true);//true表示异步提交//注册状态改变监听，获取服务器传送过来的数据request.onreadystatechange=function(){ //readyState==4表示请求已经完成，且响应已就绪。status==200表示“OK”if(request.readyState==4 && request.status==200){var data=request.responseText;//获取CheckUserNameServlet中response中存储的值if(data == 1){ document.getElementById("span01").innerHTML="<font color='red'>用户名已存在！</font>" flag=false; }else{ document.getElementById("span01").innerHTML="<font color='green'>√</font>" flag=true; } } } //如果是post方式带数据，那么这里要添加头，说明提交的数据类型是一个经过url编码的fORM表单数据request.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=UTF-8"); //带数据过去，在send方法里填写表单数据request.send("name="+name); } return flag; }

后台StudyWeb项目下的CheckUserNameServlet

protected void doPost(httpservletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取ajax发送过来的name值String r_name=request.getParameter("name"); try { //检验是否存在该用户名boolean isExist=userService.CheckUserName(r_name); System.out.println("isExist"+isExist); //通知页面，到底有没有if(isExist){ response.getWriter().println(1);//存在用户名}else{ response.getWriter().println(2);//不存在该用户} } catch (Exception e) { e.printStackTrace(); } }

UserDaoImpl中方法的实现

public boolean CheckUserName(String u_name) { boolean flag=false; String sql="select u_id,u_name,u_passWord,u_email,u_phone from user where u_name=?"; conn=super.getConnection(); try { pstmt=conn.prepareStatement(sql); pstmt.setString(1,u_name); rs=pstmt.executeQuery();//如果存在我输入的用户名和数据库表中已有的用户名相同时if(rs.next()){flag=true; } } catch (SQLException e) { e.printStackTrace(); }finally{ super.closeAll(conn, pstmt, stmt, rs); } return flag; }

关于使用Ajax怎么验证用户名是否存在就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: 使用Ajax怎么验证用户名是否存在

本文链接: https://www.lsjlt.com/news/252302.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341