Ajax筆記

Ajax

1.       Ajax(Asynchronous javascript and xml):無刷新技術

2.       Ajax技術使用步驟:

1  //創建XMLHttpRequest對象實例

2   http_request.onreadystatechange = 你的另外一個js函數名; //定義處理返回結果的函數

3 http_request.open('GET', url, true);//// 確定發送請求的方式和URL以及是否同步執行下段代碼

4 http_request.send(null);//發送請求

5 回調函數處理,更新本頁面局部數據

 

  var http_request = false;

function send_request(url) {//初始化、指定處理函數、發送請求的函數

    url=url+"?a="+document.myform.a.value;

 http_request = false;

 //開始初始化XMLHttpRequest對象

 if(window.XMLHttpRequest) { //Mozilla 瀏覽器

  http_request = new XMLHttpRequest();

  if (http_request.overrideMimeType) {//設置MiME類別

   http_request.overrideMimeType('text/xml');

  }

 }

 else if (window.ActiveXObject) { // IE瀏覽器

  try {

   http_request = new ActiveXObject("Msxml2.XMLHTTP");

  } catch (e) {

   try {

    http_request = new ActiveXObject("Microsoft.XMLHTTP");

   } catch (e) {}

  }

 }

 if (!http_request) { // 異常創建對象實例失敗

  window.alert("不能創建XMLHttpRequest對象實例.");

  return false;

 }

 

 http_request.onreadystatechange = processRequest;//定義處理的回調函數

 // 確定發送請求的方式和URL以及是否同步執行下段代碼

 http_request.open("POST", url, true);

 //發送請求

 http_request.send(null);

}

// 處理返回信息的函數

   function processRequest() {

       if (http_request.readyState == 4) { // 判斷對象狀態

           if (http_request.status == 200) { // 信息已經成功返回,開始處理信息

             //  alert(http_request.responseText);

               ddd.innerHTML=http_request.responseText;

           } else { //頁面不正常

               alert("您所請求的頁面有異常。");

           }

       }

   }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章