Ajax驗證使用者名稱（圖文詳解）

這次帶給大家Ajax驗證使用者名稱（圖文詳解），Ajax驗證使用者名稱的注意事項有哪些，以下就是實戰案例，一起來看一下。

用Ajax驗證使用者名稱代​​碼如下所示：

介面：

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

回傳

{
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中文網其它相關文章！

推薦閱讀：

Ajax怎麼實作非同步使用者名稱驗證

jQuery+AJAX呼叫頁面的後台

以上是Ajax驗證使用者名稱（圖文詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！