jsp页面
<head> <script type="text/javascript" src="/UploadFiles/2021-04-02/register.js">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验证用户名是否存在的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言小编会及时回复大家的！
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“Ajax验证用户名是否存在的实例代码”评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。