JavaScript ????: HTTP ?? ??? ?? ??, ?? ?? ??? ?????.

???:
? ????? ???? ??? ?? ?? ????? ?? ?????. ??? ??? ? ??? HTTP ?? ??? ???? ??? ?? ??? ???? ??? ?? ??? ?? ?? ??? ???? ?? ??? ????. ? ????? JavaScript? ???? HTTP ?? ??? ?? ??? ? ?? ???? ?? ??? ?????.

1. XMLHttpRequest ??? ???? ?? ?? ????

XMLHttpRequest? ??? ?? ???? ?? JavaScript?? ??? ? ?? HTTP ?? ?????. ??? HTTP ?? ??? ?? ?? ?? ?????.

let xhr = new XMLHttpRequest();

xhr.open('GET', 'http://example.com/api', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log('請求成功');
    } else {
      console.log('請求失敗，狀態(tài)碼為：' + xhr.status);
    }
  }
};

xhr.send();

? ????? ?? XMLHttpRequest ??? ??? ?? xhr.open ???? ???? ?? ??? ??? ?????. xhr.onreadystatechange ???? ?? ??? ?? ??? ???????. xhr.readyState? XMLHttpRequest.DONE?? ??? ??? ????. xhr.open方法指定了請求的方式和地址，再通過xhr.onreadystatechange方法監(jiān)聽請求狀態(tài)的變化。當(dāng)xhr.readyState為XMLHttpRequest.DONE時(shí)，說明請求已完成。

接著，我們通過xhr.status獲取到了服務(wù)器返回的HTTP狀態(tài)碼。如果狀態(tài)碼等于200，表示請求成功；否則，表示請求失敗。

2. 使用Fetch API獲取狀態(tài)碼

Fetch API是JavaScript的新特性，提供了更加現(xiàn)代化和強(qiáng)大的與服務(wù)器進(jìn)行數(shù)據(jù)交互的方式。下面是一個(gè)使用Fetch API獲取HTTP狀態(tài)碼的示例代碼：

fetch('http://example.com/api')
  .then(response => {
    if (response.ok) {
      console.log('請求成功');
    } else {
      console.log('請求失敗，狀態(tài)碼為：' + response.status);
    }
  })
  .catch(error => {
    console.log('請求發(fā)生錯(cuò)誤：', error);
  });

在以上代碼中，我們使用了Fetch API的fetch函數(shù)發(fā)起了一個(gè)GET請求。然后通過.then方法處理服務(wù)器的響應(yīng)結(jié)果。如果response.ok為true，表示請求成功；否則，表示請求失敗?？梢酝ㄟ^response.status獲取到HTTP狀態(tài)碼。

此外，我們還可以使用.catch

2. Fetch API? ???? ?? ?? ????

Fetch API? ??? ?? ???? ?? ????? ??? ??? ???? JavaScript? ??? ?????. ??? Fetch API? ???? HTTP ?? ??? ?? ?? ?????.

if (xhr.status === 301) {
  console.log('請求被永久重定向');
}

? ????? Fetch API? fetch ??? ???? GET ??? ?????. ?? ?? .then ???? ?? ??? ?? ??? ?????. response.ok? true?? ??? ????? ????, ??? ??? ??? ????? ?????. HTTP ?? ??? response.status? ?? ?? ? ????.
?? .catch ???? ???? ?? ???? ?? ??? ?? ?? ????.
• ?? ???? HTTP ?? ?? ?? ?
HTTP ?? ???? 200 ??? ?? ?? ??? ? ?? ?? ??? ?????. ??? ? ?? ???? HTTP ?? ?? ?? ????.
301 ?? ????:

• if (xhr.status === 404) {
    console.log('請求的頁面不存在');
  }

404 ???? ?? ? ??:

if (xhr.status === 500) {
  console.log('服務(wù)器發(fā)生錯(cuò)誤');
}


500 ?? ??:

??

if (xhr.status === 503) {
  console.log('服務(wù)當(dāng)前不可用');
}

????503 ??? ? ?? ???: ?? ??rrreee ???? ?? ?? ??? ?? ??? ???? ??? ?? ??? ? ? ??? ? ????. ??????: ??? ????? JavaScript? ???? HTTP ?? ??? ?? ??? ???? ? ?? ???? ?? ??? ?????. ? ??? ??? ???? ?? ?? ? ??? ? ? ???? ? ?? ???? ???? ? ????. ? ??? ??? ??? ????! ??

? ??? ??? JavaScript ????: HTTP ?? ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!