不借助jquery封裝好的ajax，你能用js手寫ajax框架嗎

不借助jquery封裝好的ajax，你能手寫ajax框架嗎？最基礎的ajax框架，一起來圍觀吧。

1、創建XMLHttpRequest對象

var xhr = new XMLHttpRequest();

2、設置open參數

xhr.open("GET", "Ajax.ashx?id=" + id, true);

//第一個參數可取值get或post;

第二個參數為請求的路徑；

第三個參數為是否采用異步，使用ajax絕對是true的啦。

3、注冊回調函數
xhr.onreadystatechange = function() {
     if (xhr.readyState == 4) {//注意此處的readyState的大小寫，寫錯了，就沒效果了哦

           if (xhr.status == 200) { ///判斷服務器返回的狀態碼是否為200，如果不是，則可能服務器出現了不測
           var res = xhr.responseText;//接收返回的效果
           document.getElementById("showcontext").innerHTML = res; //將返回的結果賦值

            }
        }
}

4、發送
xhr.send(null);

 

PS:如果第2步的第一個參數為post的話，其后的路徑就不帶“？”的參數啦，在第二步之后加一句：

 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//設置請求報文頭

第4步改為 xhr.send("txtName=ss&txtpwd=123");//參數名=參數值

 

 

ok，完成了。