【前端學習】AJAX的初始化

·兼容性

現代的高級瀏覽器，使用的AJAX對象是XMLHttpRequest的實例。
早期微軟的IE系列瀏覽器，使用的對象是ActiveXObject(“Microsoft.XMLHttp”)的實例。

/* 通過能力檢測 檢測瀏覽器是否具備該能力 */
var xhr = null;
// 如果有ActiveXObject構造函數 就使用它 
if (window.ActiveXObject) {
	  xhr = new ActiveXObject("Microsoft.XMLHttp");
} else if (window.XMLHttpRequest) {
	  xhr = new XMLHttpRequest();
} else {
	console.log("您的瀏覽器不支持AJAX，請升級");
	return;

·XHR對象

重要屬性：
readyState: 等待狀態碼
0: 未初始化
1: 調用了open方法
2: 已經接收到響應頭
3: 已經接收了一部分返回內容
4: 接收了全部數據 可以使用了
responseText: 響應文本
status: 本次HTTP請求的狀態碼
200: 成功
302: 重定向
304: 緩存
404: 資源未找到
500: 服務器內部錯誤
onreadystatechange: 當等待狀態碼(readystate)發生變化時 會執行的函數
open方法: 它在原型上，用於打開本次請求
send方法: 它在原型上，用於發送數據
setRequestHeader方法: 設置請求頭

·open方法

xhr.open(type, url, boolean)調用時，會打開本次鏈接。
type: 本次HTTP請求的方式。get、post等
url: 本次HTTP請求的URL。可以是相對路徑可以是絕對路徑
boolean: 本次同步發送還是異步發送。true爲異步，false爲同步。

·send方法

xhr.send(data)調用時，表示發送的正文內容。
data: 請求正文中的數據。