XMLHttpRequest 物件簡單使用

緊擁背影發表於2018-01-06

加入csdn這麼久了,一直沒有寫過部落格,一個是自己實力問題,一個是沒有時間整理(就是懶),前幾天碰到個問題一直耿耿於懷所以就記錄下來了(以後碰到問題都記錄下來也是中成長)。   

因為有次使用封裝的ajax請求有問題,一直無法同步請求與,所以就嘗試使用原生非同步請求的方法,所以使用了XMLHttpRequest物件。只是簡單使用,跟ajax方式相同,只是使用了很少的引數,其他的引數沒有用到就沒寫。

1、建立XMLHttpRequest

     

var xmlhttp=new XMLHttpRequest();
2、呼叫onreadystatechange
    xmlhttp.onreadystatechange = function (ev) {
        if (xmlhttp.readyState == 4) {狀態碼
            if (xmlhttp.status == 200) {
                var result = JSON.parse(xmlhttp.responseText);
               根據個人需求轉換JSON格式,再做處理.
             

            }
        }
    };

     因為我個人業務沒有寫響應失敗的程式碼,我是從後臺返回的響應狀態碼,再做判斷,如果需要可以自己加上請求失敗或者響應失敗的邏輯處理或者提示訊息。

3、設定路徑

xmlhttp.open("GET","url",false);
     get方式或者post方式,false代表同步載入.

4、傳送請求

xmlhttp.send();

ps:以上只是自己簡單的使用,沒有其他的引數如果需要可以檢視大佬的具體講解

http://blog.csdn.net/liujiahan629629/article/details/17126727

當然還有其他問題,以後碰到了再慢慢學習,這只是簡單應用沒有複雜的場景,也就沒有考慮到其他方面。之所以寫是因為好記性不如賴筆頭,自己懶得去背這些東西,所以就記下來了。


相關文章