温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

AJAX中怎么检测用户名是否存在

发布时间:2021-08-02 15:17:28 来源:亿速云 阅读:116 作者:Leah 栏目:开发技术

今天就跟大家聊聊有关AJAX中怎么检测用户名是否存在,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

  怎样检测AJAX用户名是否存在

  当然,这个步骤可以在用户提交表单以后由后台程序检测,如果用户名已存在,用户需要返回注册页面重新填写用户名,而前面填写的其他信息也随着网页的跳转已经过期,全部需要重填,这对用户来说是极大的伤害。

  因此,有必要使用 AJAX 在用户不提交信息的情况下及时检测用户名是否存在。

  前台代码:

  p>

  请输入用户名:input type="text" id="demo" />

  span id="result">/span>

  /p>

  script type="text/javascript">

  document.getElementById("demo").onblur=function(){ // 输入框失去焦点

  var thisNode=this;

  var span=document.getElementById("result");

  var xmlhttp;

  try{

  // code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }catch(e){

  // code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

  xmlhttp.onreadystatechange=function(){

  if(xmlhttp.readyState4){ // 正在交互

  span.style.color="blue";

  span.innerHTML="正在检测...";

  }

  if (xmlhttp.readyState==4 && xmlhttp.status==200){ // 请求成功

  if(parseInt(xmlhttp.responseText)){ // 将服务器返回的数据转换为整数

  span.style.color="red";

  span.innerHTML="抱歉,您填写的用户名已经存在!";

  }else{

  span.style.color="green";

  span.innerHTML="恭喜你,填写正确!";

  怎样检测AJAX用户名是否存在

  }

  }

  }

  xmlhttp.open("POST","/demo/javascript/ajax/ajaxDemo.php?action=checkUserName",true);

  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

  xmlhttp.send("username="+thisNode.value);

  }

  /script>

  后台代码(PHP):

  ?php

  if($_GET['action']=="checkUserName"){

  // 为简单起见,这里不再查询数据库,使用 3 个用户名作为示例

  if(

  $_POST['username']=="admin"||

  $_POST['username']=="xiaoming"||

  $_POST['username']=="zhangsan"

  ){

  echo 1;

  }else{

  echo 0;

  }

  }

  ?>

看完上述内容,你们对AJAX中怎么检测用户名是否存在有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI