Ajax應用的五個步驟__Ajax

//Ajax應用的五個步驟

//1.建立XMLHttpRequest對象
var xmlHttp=createXMLHttpRequest();
function createXMLHttpRequest()
{ 
 var xmlHttp;
 if(Window.XMLHttpRequest)
 { 
  //IE6以上版本和其他瀏覽器內建XMLHttpRequest對象
  xmlHttp=new XMLHttpRequest();
 }
 else if(Window.ActiveXObject)
 {
  //在IE6及其以下瀏覽器可以通過ActiveXObject的兩個控制項來建立，將版本新的放在前面
  var activexName=["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
  for(var i=0; i<activexName.length; i++)
  {
   try
   { //取出一個控制項名進行建立，建立成功就終止迴圈
    xmlHttp=new ActiveXObject(activexName[i]);
    break;
   }
   catch(e){};
  }
 }
 //確認XMLHttpRequest對象建立成功
 if(!xmlHttp)
 {
  alert("XMLHttpRequest對象建立失敗。");
  return;
 }
 else
 {
  //alert(xmlHttp);
  return xmlHttp;
 }
}

//2.註冊回呼函數
xmlHttp.onreadystatechange=callback;

//3.初始化XMLHttpRequest對象，設定串連資訊
//第一個參數表示http的請求方式，分為GET和POST兩種，GET方式請求的參數在URL中
//第二個參數表示請求的url地址，該地址會被解析為絕對位址
//第三個參數表示請求方式是同步或是非同步，預設是同步true，第四，五個參數通常不用
xmlHttp.open("GET",url, true);

//4.發送資料，開始和伺服器端進行交付
//同步方式下：send()這句話會在伺服器端的資料傳送回來後才執行完，再執行下一條語句
//非同步方式下：send()這句話會立即執行完，接著執行下一條語句
//若以POST方式,需要自己設定http的要求標頭
//xmlHttp.open("POST",url,true);
//xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//xmlHttp.send("name="+value);
xmlHttp.send(null); //該參數為可選，此時也可不寫

//5.定義回呼函數，該函數主要負責接收從伺服器端傳回來的資料，並在頁面上顯示
function callback()
{
 //判斷對象的互動狀態是否完成
 if(xmlHttp.readyState==4)
 {
  //判斷http的互動是否成功
  if(xmlHttp.status==200)
  {
   //擷取伺服器端返回的資料，以純文字資料或xml文檔格式的資料
   var responseText=xmlHttp.responseText;
   //將響應資料顯示在頁面上
   //以DOM方式或JQuery方式擷取文檔節點
   var divNode=document.getElementById("#divNode_ID");
   divNode.innerHTML=responseText;
  }
 }
 
}