Maison > interface Web > js tutoriel > le corps du texte

Comment détecter les noms d'utilisateur en double à l'aide d'AJAX

php中世界最好的语言
Libérer: 2018-03-31 09:15:54
original
3313 Les gens l'ont consulté

Cette fois, je vais vous montrer comment AJAX détecte si le nom d'utilisateur est dupliqué. Quelles sont les précautions pour qu'AJAX détecte si le nom d'utilisateur est dupliqué. Voici un cas pratique, jetons un oeil. .

Je vais d'abord vous montrer le rendu, puis je vous montrerai le code. Le rendu est le suivant :

Comment détecter les noms dutilisateur en double à laide dAJAX

Comment détecter les noms dutilisateur en double à laide dAJAX

.

Écrivez un exemple simple ci-dessous pour vérifier si le nom d'utilisateur est unique (code direct) :

Interface frontale :

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<meta>
<title>检测用户名是否唯一</title>
<style>
<!--
#toolTip {
  position:absolute;
  left:331px;
  top:39px;
  width:98px;
  height:48px;
  padding-top:45px;
  padding-left:25px;
  padding-right:25px;
  z-index:1;
  display:none;
  color:red;
  background-image: url(images/tooltip.jpg);
}
-->
</style>


Copier après la connexion
                    
 
  

  

                                                                                                       
用户名:Comment détecter les noms d'utilisateur en double à l'aide d'AJAX
密码:   

确认密码:
E-mail:
 
     
 

Fichier AJAX :

<script>
function createRequest(url) {
  http_request = false;
  if (window.XMLHttpRequest) {                  // 非IE浏览器
    http_request = new XMLHttpRequest();             //创建XMLHttpRequest对象
  } else if (window.ActiveXObject) {               // IE浏览器
    try {
      http_request = new ActiveXObject("Msxml2.XMLHTTP");  //创建XMLHttpRequest对象
    } catch (e) {
      try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象
      } catch (e) {}
    }
  }
  if (!http_request) {
    alert("不能创建XMLHttpRequest对象实例!");
    return false;
  }
  http_request.onreadystatechange = getResult;            //调用返回结果处理函数
  http_request.open(&#39;GET&#39;, url, true);                //创建与服务器的连接
  http_request.send(null);                    //向服务器发送请求
}
function getResult() {
  if (http_request.readyState == 4) {       // 判断请求状态
    if (http_request.status == 200) {      // 请求成功,开始处理返回结果
      document.getElementById("toolTip").innerHTML=http_request.responseText; //设置提示内容
      document.getElementById("toolTip").style.display="block";  //显示提示框
    } else {              // 请求页面有错误
      alert("您所请求的页面有错误!");
    }
  }
}
function checkUser(userName){
  if(userName.value==""){
    alert("请输入用户名!");userName.focus();return;
  }else{
    createRequest(&#39;checkUser.jsp?user=&#39;+userName.value);
  }
}
</script>
Copier après la connexion

fichier jsp :

Cet exemple ne ne se connecte pas à la base de données, mais utilise simplement un tableau pour représenter simplement les utilisateurs enregistrés.

-1){
    out.println("很抱歉,该用户名已经被注册!");     //输出检测结果
  }else{
    out.println("恭喜您,该用户名没有被注册!");     //输出检测结果
  }
%>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas présenté dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le sujet. Site Web chinois PHP !

Lecture recommandée :

Résumé pratique d'Ajax et jsonp dans le projet

Comment vérifier l'e-mail et le nom d'utilisateur avec Unicité d'Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!