快捷導(dǎo)航

Ajax驗(yàn)證用戶(hù)名實(shí)例代碼

更新時(shí)間：2016年04月25日 09:35:13 作者：說(shuō)中

這篇文章主要介紹了Ajax驗(yàn)證用戶(hù)名實(shí)例代碼，非常實(shí)用，特此分享供大家學(xué)習(xí)

用Ajax驗(yàn)證用戶(hù)名代碼如下所示：

接口：

　get
guestbook/index.php
m : index
a : verifyUserName
username : 要驗(yàn)證的用戶(hù)名

返回

{
code : 返回的信息代碼 0 = 沒(méi)有錯(cuò)誤，1 = 有錯(cuò)誤
message : 返回的信息 具體返回信息
}

js

oUsername1.onblur = function() { //失去焦點(diǎn)的時(shí)候，把當(dāng)前用戶(hù)名給后端去驗(yàn)證
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; //將返回信息展示到頁(yè)面上
if (d.code) { //code : 返回的信息代碼 0 = 沒(méi)有錯(cuò)誤，1 = 有錯(cuò)誤
oVerifyUserNameMsg.style.color = 'red'; //錯(cuò)誤信息加紅色
} else {
oVerifyUserNameMsg.style.color = 'green'; //正確信息加綠色
}
});
}

關(guān)于ajax驗(yàn)證用戶(hù)名實(shí)例代碼就給大家分享這么多，希望對(duì)大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例
AjaxFilleUpload.js可以使得我們不用去管理Iframe的一系列操作，也不用影響我們的頁(yè)面結(jié)構(gòu)，實(shí)現(xiàn)異步的文件提交
2014-05-05
Ajax點(diǎn)擊不斷加載數(shù)據(jù)列表
這篇文章主要介紹了Ajax點(diǎn)擊不斷加載數(shù)據(jù)列表的相關(guān)資料,需要的朋友可以參考下
2016-07-07
Ajax 實(shí)現(xiàn)加載進(jìn)度條
本文給大家介紹ajax實(shí)現(xiàn)加載進(jìn)度條效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2016-12-12
基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
ajax實(shí)現(xiàn)session不過(guò)期(避免頁(yè)面過(guò)期的現(xiàn)象)
在寫(xiě)博客時(shí)要寫(xiě)好長(zhǎng)時(shí)間但沒(méi)有出現(xiàn)這種情況并且有實(shí)時(shí)的自動(dòng)保存；這就涉及到了session的過(guò)期時(shí)間問(wèn)題，下面與大家分享下具體的實(shí)現(xiàn)方法
2013-06-06
pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁(yè)面的前進(jìn)后退刷新
這篇文章主要介紹了pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁(yè)面的前進(jìn)后退刷新的相關(guān)資料,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
JQuery+ajax實(shí)現(xiàn)批量上傳圖片(自寫(xiě))
jquery+ajax方式實(shí)現(xiàn)單張圖片上傳的代碼是可以搜的到，實(shí)現(xiàn)批量上傳圖片的程序卻沒(méi)搜索到于是自己寫(xiě)了個(gè)，感興趣的朋友可以參考下
2013-04-04
AJAX實(shí)現(xiàn)無(wú)刷新檢測(cè)用戶(hù)名功能
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)無(wú)刷新用戶(hù)名檢測(cè)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
Ajax二級(jí)聯(lián)動(dòng)菜單實(shí)現(xiàn)原理及代碼
二級(jí)聯(lián)動(dòng)菜單,一個(gè)多么方便且實(shí)用的用戶(hù)交互功能，有需求的朋友可以參考下本文，或許對(duì)你的菜單知識(shí)深入學(xué)習(xí)有幫助，好了，閑話不多說(shuō)，看代碼吧
2013-01-01
ajax和fetch的區(qū)別點(diǎn)總結(jié)
在本篇文章里小編給大家整理了一篇關(guān)于ajax和fetch的區(qū)別點(diǎn)總結(jié)內(nèi)容，對(duì)此有興趣的朋友們可以跟著學(xué)習(xí)下。
2021-12-12