DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> 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驗證用戶名實例代碼就給大家分享這麼多,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved