AJAX 是與伺服器交換數據並更新部分網頁的藝術,在不重新載入整個頁面的情況下。 AJAX = 非同步 JavaScript 和 XML。 AJAX 是一種用於創建快速動態網頁的技術。 http://www.w3school.com.cn/ajax/index.asp function lnTest( ...
AJAX 是與伺服器交換數據並更新部分網頁的藝術,在不重新載入整個頁面的情況下。
AJAX = 非同步 JavaScript 和 XML。
AJAX 是一種用於創建快速動態網頁的技術。
http://www.w3school.com.cn/ajax/index.asp
function lnTest() {
var ur_loginName = document.getElementById("ur_loginName").value;
var login = document.getElementById("login");
var id = "${sessionScope.user.ur_id}";
var ymsz = /^[A-Za-z0-9]+$/;
var loginname = document.getElementById("loginname").value;
if(loginname==ur_loginName){
return true;
}else if (kong.test(ur_loginName)) {
login.style.color = "red";
login.innerHTML = " × 賬戶不可以為空";
return false;
} else if (ymsz.test(ur_loginName)) {
xml = new XMLHttpRequest();
xml.open("get", "AJAXServlet.do", true);
xml.setRequestHeader("name", ur_loginName);
xml.setRequestHeader("ur_id", id);
xml.send(null);
xml.onreadystatechange = function(){
if (xml.readyState == 4) {
var msg = xml.responseText;
var login = document.getElementById("login");
if (msg == 1) {
login.style.color = "red";
login.innerHTML = " × 該用戶名已被使用";
return false;
} else if (msg != 1) {
login.style.color = "green";
login.innerHTML = " √ 該用戶名可以使用";
return true;
}
}
};
} else {
login.style.color = "red";
login.innerHTML = " × 賬戶格式不正確 ";
return false;
}
}
使用ajax來在點擊input框時,動態更新用戶名,判斷輸入的用戶名是否在原資料庫中存在