Ajax驗證用戶名實例代碼

更新時間：2016年04月25日 09:35:13 作者：說中

這篇文章主要介紹了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); 瀏覽器調(diào)試查看
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請求添加自定義header參數(shù)代碼
這篇文章主要介紹了ajax請求添加自定義header參數(shù)代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
ajax實現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細介紹了ajax實現(xiàn)加載數(shù)據(jù)功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
$.ajax中contentType: “application/json” 的用法詳解
這篇文章主要介紹了$.ajax中contentType: “application/json” 的用法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-10-10
Ajax實現(xiàn)模擬關鍵字智能匹配搜索效果
這篇文章主要介紹了Ajax實現(xiàn)模擬關鍵字智能匹配搜索效果,當在搜索框輸入內(nèi)容時，根據(jù)關鍵字匹配，顯示彈出層，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-12-12
AJAX實現(xiàn)鼠標經(jīng)過彈出詳細介紹示例
鼠標經(jīng)過彈出詳細內(nèi)容的效果想必大家都有見到過吧，其實很簡單，在本文為大家介紹下使用ajax實現(xiàn)此效果，感興趣的朋友可以參考下
2013-09-09
Ajax添加數(shù)據(jù)即時顯示信息篇
經(jīng)過前3篇的ajax實例教程的學習，我想各位已經(jīng)能夠使用ajax技術進行簡單的數(shù)據(jù)讀取工作．
2010-10-10
發(fā)布三個ajax相關的函數(shù)，包括無刷新提交表單等
發(fā)布三個ajax相關的函數(shù)，包括無刷新提交表單等...
2006-08-08
Ajax $.getJSON案例詳解
ajax中的$.getJSON方法想必大家非常熟悉吧，本文接下來將在為你鞏固一下，感興趣的你可以參考下，希望對你有所幫助
2013-03-03
AJax與Jsonp跨域訪問問題小結
本文給大家匯總介紹了JavaScript的AJax，JQuery的AJax以及利用jsonp實現(xiàn)跨域訪問的問題，非常的細致全面，有需要的小伙伴可以參考下。
2015-12-12
javascript ajax功能函數(shù)
javascript ajax功能函數(shù)，沒用過的朋友看看代碼，應該會有點收獲。
2009-12-12