Nom d'utilisateur de vérification Ajax (explication graphique et textuelle détaillée)

Cette fois, je vous propose la vérification du nom d'utilisateur Ajax (explication graphique et textuelle détaillée). Quelles sont les précautions à prendre pour la vérification du nom d'utilisateur Ajax ? Ce qui suit est un cas pratique, jetons un coup d'oeil.

Le code pour vérifier le nom d'utilisateur avec Ajax est le suivant :

Interface :

　get
guestbook/index.php
m : index
a : verifyUserName
username : 要验证的用户名

Retour

{
code : 返回的信息代码 0 = 没有错误，1 = 有错误
message : 返回的信息 具体返回信息
}

js

oUser
name1.onblur = function() { //失去焦点的时候，把当前用户名给后端去验证
ajax('get', 'guestbook/index.php', 'm=index&a=verifyUserName&username=' + this.value, function(data) {
//alert(data); 浏览器调试查看
var d = JSON.parse(data); //解析
oVerifyUserNameMsg.innerHTML = d.message; //将返回信息展示到页面上
if (d.code) { //code : 返回的信息代码 0 = 没有错误，1 = 有错误
oVerifyUserNameMsg.style.color = 'red'; //错误信息加红色
} else {
oVerifyUserNameMsg.style.color = 'green'; //正确信息加绿色
}
});
}

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

Lecture recommandée :

Comment Ajax implémente la vérification asynchrone du nom d'utilisateur

L'arrière-plan de la page d'appel jQuery+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!