使用XHR從服務器獲取數據的基本操作

0x00前言

    使用xml技術可以實現從服務端獲取個別數據來更新部分網頁而不用加載整個頁面。十分的方便與好用，接下來介紹一下xml的基本使用方法。

0x01步驟

    ①調用XMLHttpRequest()用的構造函數新建一個請求對象   例：

var request = new XMLHttpRequest();

    ②使用open（）方法指定HTTP request method以及url   例：

 

request.open('GET', url);

    ③然後使用responseType 屬性設置返回數據類型   例：

request.responseType = 'text';

    ④網絡請求是個異步操作，以同步的方式直接賦值會出錯，可以通過onload事件處理器來處理事件，也就是收到返回的數據後再執行onload事件中的函數。例：

request.onload = function() {
  poemDisplay.textContent = request.response;
};

    ⑤ 使用send函數發送請求   例：

request.send();

0x02注意事項

    ①第三步並不是一定要設置的，系統默認返回數據類型爲text，但是當要接受json等其它數據時一定得設置此項，因爲這會省去麻煩的類型轉換過程

    ②XHR目前有更好的方法替代，比如fetch，但XHR面世已久，兼容性十分好，實現的功能也很強大，如何取捨就看自己了

0x03示例

示例晚上放