首頁 >web前端 >js教程 >Ajax驗證使用者名稱實例碼

Ajax驗證使用者名稱實例碼

韦小宝
韦小宝原創
2018-01-10 09:59:191375瀏覽

這篇文章主要介紹了Ajax驗證用戶名實例代碼,非常實用更是非常實用的ajax技術,提供了ajax源碼,對ajax驗證用戶名不熟悉的小伙伴們可以看看!

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

介面

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

傳回:

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

js程式碼:

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

關於ajax驗證使用者名稱實例程式碼就給大家分享這麼多,希望對大家有幫助!

相關推薦:

Ajax非同步上傳檔案實例程式碼分享

Ajax要求和Filter配合案例詳解

#ajax快速解決參數過長無法提交成功如何解決

#

以上是Ajax驗證使用者名稱實例碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn