ajax註釋

//xmlHttpRequest,但是這個物件只是在火狐，google...
//在中國用的最廣泛的IE瀏覽器裡面是沒有這個物件的
//在IE裡面是用的一個控制元件來解決這個問題,ActiveXObject
//所以我們在解決物件的時候做出的判斷,其實就是判斷瀏覽器而已
var xmlHttp;

function sendParam(){
//先獲取物件
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}

if(!xmlHttp){
alert("沒有獲取到物件!");
return;
}
var userName = document.getElementById("userName").value;
//由於javascript是沒有辦法連線資料庫的，所以，需要通過後臺語言
//結合來連線資料庫,那麼這裡就是把js從介面獲取的值，傳遞給後臺程式
//xmlHttp.open()其實也就是連結到一個後臺程式，把值傳遞過去
//這其實是第一步
xmlHttp.open("GET","check2.php?userName="+userName,true);

//這是第三步
//這一步是一個回撥函式，回撥函式其實就和打電話代辦事情是一個意思
//這個回撥函式其實就是狀態改變的時候，js應該做什麼事情
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var txt = xmlHttp.responseText;
var tishi = document.getElementById("tishi");
if(txt == "1"){
tishi.innerHTML = "使用者已經被註冊,請選用其他使用者名稱";
tishi.style.cssText = "font-size:16px;color:red;background:#ccc;display:block";
}else{
tishi.innerHTML = "使用者可以註冊";
tishi.style.cssText = "font-size:16px;color:green;background:#ccc;display:block";
}
}
}
}

//注意，open()方法就僅僅只是打開了連線，並沒有傳遞，所以需要send方法
//這是第二步
xmlHttp.send(null);

}