JavaScript et jquery implémentent respectivement la vérification de la connexion de l'utilisateur_compétences javascript-js tutoriel-php.cn

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

WBOY

Libérer： 2016-05-16 15:02:27

original

1389 Les gens l'ont consulté

Dans l'article précédent //m.sbmmt.com/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&#63;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&#63;",
      dataTypes:"text",
      data:"account="+$("#account").val()+"&password="+$("#password").val(),
      success:function(msg){
        $("#passwordStatus").html(msg);
      },
      error:function(jqXHR) {
        alert("密码查询发生错误！")
      },
    });
  });
}); */

Copier après la connexion

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&#63;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&#63;account="+name+"&password="+pw,true);
    xmlhttp.send();
 
    xmlhttp.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
      document.getElementById("passwordStatus").innerHTML=xmlhttp.responseText;
    }
  }

Copier après la connexion

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.