ajax工作原理圖文詳解

－ajax
       a.全稱：Asynchronous Javascript and Xml(非同步javascript 和 xml)
       b.含義：一種建立互動式網頁應用的網頁開發技術
       c.功能：實現局部重新整理，減少伺服器壓力
       d.工作原理：
          

圖片:web.JPG

    傳統Web應用允許使用者填寫表單，當提交表單時向Web伺服器發送一個HTTP請求。伺服器接收並處理傳來的表單，
然後返回一個新的網頁到使用者瀏覽器。如圖所示就是傳統Web應用的工作原理。使用傳統Web應用時若要改變頁面的
一小部分資料，需要重新載入整個頁面，這是一種不友好的使用者體驗。而且由於每次應用的互動都需要向伺服器發送
請求，應用的回應時間依賴於伺服器的回應時間，這可能導致使用者花費較長的等待時間。
            

圖片:ajax.JPG

    與傳統Web應用不同的是，AJAX採用非同步互動過程。AJAX可以僅向伺服器發送並取回必須的資料，它使用SOAP
(簡易物件存取通訊協定 (SOAP))或其他一些基於XML的Web Service 介面，並在用戶端採用JavaScript處理來自伺服器的響應。
使用者在頁面上獲得的資料是通過AJAX引擎提供的，由於頁面不需要與伺服器直接互動，所以用戶端瀏覽器不需要刷
新頁面就能獲得伺服器的資訊，提高了頁面的友好度。

　主要：

代碼如下	複製代碼
function CallServer(value){    　　CreateXMLHttpObject();　　　　　　　　　　     //建立一個xmlhttp對象    　　xmlhttp.open("GET","for.php?id="+value,true);　//建立一個http請求    　　xmlhttp.onreadystatechange=UpdatePage;        //定義響應的函數    　　xmlhttp.send(null);　　　　　　　　　　　　   //發送請求 　　}

　注意：
　　1.取得文字框的內容
          a.document.myform.user.value(js檔案裡)
          b.this.value(html檔案裡)
　　2.注意字元集
          如果你輸出結果包括中文，要注意字元集的問題。即js檔案的字元集跟php檔案的字元集應可轉換
          例：本人使用的是easyeclipse，建立的ajax.js檔案的字元集預設為ISO-8859-1，這樣的話php檔案
　　　　　就應該為utf而不能為gbk，可能是gkb跟ISO不能轉換的緣故。而utf比較'通吃'.當然，你可以把
　　　　　js檔案轉換為utf8，這樣就避免許多問題了。