網頁請求（Ajax）

ajax = Asynchronous JavaScript and XML

XMLHttpRequest例項，就是ajax的具體實現。

<script>
      let xhr = new XMLHttpRequest();  // ajax
</script>

通過 xhr 我們可以實現非同步請求。

<script>
  let xhr = new XMLHttpRequest();  // ajax
  xhr.open("POST", "test.txt", true);
  // 我們向後端請求資料的方式 http請求 post get
  // 請求地址
  // 非同步的方式請求還是同步方式請求. true 是非同步

  xhr.send(); // 向後端進行資料的傳送

  // xhr 狀態只要發生改變了 我們就可以進行資料的操作了
  xhr.onreadystatechange = function () {
    if(xhr.readyState == 4 || xhr.status == 200) {
      // xhr.readyState (0, 1, 2, 3, 4) 五個級別,表示我們當前資料結構處理的階段。資料處理完成是4
      // xhr.status 狀態碼  404:頁面無法被找到
      // 200 請求成功
      // 301 302 網頁請求重定向了(301:永久重定向, 302:在、臨時重定向)
      // 404 頁面不能找到
      // 500 伺服器故障

      console.log(xhr.responseXML);  // 列印結果
    }
  }


</script>