原生AJAX基礎講解及兼容處理

　　AJAX = Asynchronous JavaScript and XML (異步的JavaScript和XML)。

　　AJAX不是新技術 ，但卻是熱門的技術。它可以在不重載（刷新）整個頁面的情況下與服務器進行數據交互並更新網頁模塊。
　　AJAX的優點有很多：可以局部刷新、按需加載，這樣就減輕了服務器的數據流量。並且在頁面更新的同時，用戶可以瀏覽器網頁的其它內容而不受影響，也減輕了結構負擔。AJAX也不是萬能的，在有以上優點的同時SEO也受到了影響。
　　在學習AJAX之前，必須先有HTML/XHTML、CSS、JavaScript/DOM的基礎。
　　AJAX與服務器進行數據交互，必然涉及到服務器端，與此同時也就涉及到了服務器請求對象的創建(new XMLHttpRequest())、確認請求方式(open())、發送請求(send())以及響應請求(responseText)。
　　創建對象：
　　　　IE9+及其它瀏覽器支持使用new XMLHttpRequest()的創建對象方式，而IE8及以下則使用new ActiveXObject()的方式進行創建。
　　　　看了網上許多人使用如下代碼進行兼容：

try {
    xml = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
    try {
        xml = new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e1) {
        xml = new XMLHttpRequest();
    }
}

　　　　筆者用IE11調試功能測試IE10及以下不寫new ActiveXObject("Msxml2.XMLHTTP")也是沒問題的，於是在創建對象時可以使用代碼：
　　　　var xml = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
　　確認請求：
　　　　xml.open('get', 'url', true/false);
　　　　第一個參數表示：string. 訪問方式，有兩具值：get/post，大部分的時候使用get
　　　　第二個參數表示：string. 要連接的服務器網址
　　　　第三個參數表示：boolean. 表示是否需要異步請求（true為發起異步加載）
　　發送請求：
　　　　xml.send();
　　　　如果需要發送數據則采用xml.send(str);
　　響應數據：
　　　　xml.onreadystatechange = function() {
　　　　　　if (xml.readyState == 4 && xml.status == 200) {
　　　　　　　　alert(xml.responseText);
　　　　　　}
　　　　}

　　status返回鏈接的狀態，一般返回200與404，200表示成功返回，404表示未找到頁面。
　　readyState有5個值，分別為：0、1、2、3、4。而每當值改變時都會觸發一次onreadystatechange。
　　readyState的5個值含義分別為：

• 0: 請求未初始化
• 1: 服務器連接已建立
• 2: 請求已接收
• 3: 請求處理中
• 4: 請求已完成，且響應已就緒

　　也就是當請求完成，並且找到頁面時，然后才獲取服務器上的數據。