Ajax 検証ユーザー名 (詳細な図とテキストの説明)

今回は、Ajax ユーザー名検証について説明します (詳細な画像とテキストの説明)。以下は実際のケースです。

Ajax でユーザー名を検証するコードは次のとおりです:

Interface:

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

Return

{
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'; //正确信息加绿色
}
});
}

この記事の事例を読んだ後、あなたは方法をマスターしたと思います。もっと面白いものを知りたい場合は、php 中国語 Web サイトのその他の関連記事に注目してください。

推奨読書:

Ajax は非同期ユーザー名検証をどのように実装しますか

jQuery+AJAX はページの背景を呼び出します

以上がAjax 検証ユーザー名 (詳細な図とテキストの説明)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。