Maison  >  Article  >  interface Web  >  JavaScript et jquery implémentent respectivement la vérification de la connexion de l'utilisateur_compétences javascript

JavaScript et jquery implémentent respectivement la vérification de la connexion de l'utilisateur_compétences javascript

WBOY
WBOYoriginal
2016-05-16 15:02:271378parcourir

Dans l'article précédent /article/83504.htm, la vérification de l'utilisateur a été implémentée à l'aide de javascript, mais cette fois, cette fonction a été ajoutée et a utilisé respectivement javascript et jquery.

1. Code clé implémenté à l'aide de l'ajax de jquery

La mise en œuvre est la suivante

/*jquery实现
$(document).ready(function(){
  $("#account").blur(function(event) {
    $.ajax({
      type:"GET",
      url:"checkAccount.php?account="+$("#account").val(),
      dataTypes:"text",
      success:function(msg){
        $("#accountStatus").html(msg);
      },
      error:function(jqXHR) {
        alert("账号发生错误!")
      },
    });
  });
 
  $("#password").blur(function(event) {
    $.ajax({
      type:"GET",
      url:"checkPassword.php?",
      dataTypes:"text",
      data:"account="+$("#account").val()+"&password="+$("#password").val(),
      success:function(msg){
        $("#passwordStatus").html(msg);
      },
      error:function(jqXHR) {
        alert("密码查询发生错误!")
      },
    });
  });
}); */

2. La clé pour utiliser javascriptCode

La mise en œuvre est la suivante

//javascript实现
  function checkAccount(){
    var xmlhttp;
    var name = document.getElementById("account").value;
    if (window.XMLHttpRequest)
     xmlhttp=new XMLHttpRequest();
    else
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
    xmlhttp.open("GET","checkAccount.php?account="+name,true);
    xmlhttp.send();
 
    xmlhttp.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
      document.getElementById("accountStatus").innerHTML=xmlhttp.responseText;
    }
  }
 
  function checkPassword(){
    var xmlhttp;
    var name = document.getElementById("account").value;
    var pw = document.getElementById("password").value;
    if (window.XMLHttpRequest)
     xmlhttp=new XMLHttpRequest();
    else
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
    xmlhttp.open("GET","checkPassword.php?account="+name+"&password="+pw,true);
    xmlhttp.send();
 
    xmlhttp.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
      document.getElementById("passwordStatus").innerHTML=xmlhttp.responseText;
    }
  }

Les parties mysql et base de données n'ont pas changé comme dans le billet de blog précédent. Les résultats en cours d'exécution sont présentés ci-dessous

.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.

Déclaration:
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