HTTP.Cat 是一個有趣的 API 網站，它提供以可愛貓咪圖片表示的 HTTP 狀態碼。沒錯，這是真實存在的！你可以在你的項目中使用這個 API，增加一些幽默感或者讓錯誤處理變得更有趣。在本文中，我們將探索 HTTP.Cat API 文檔，并學習如何在 JavaScript 中發起 API 請求。

HTTP.Cat 文檔頁面非常直接。你可以找到所有可用的 HTTP 狀態碼以及它們對應的貓咪圖片。API 端點是 https://http.cat/{status_code}.jpg。例如，要獲取 404 錯誤對應的貓咪圖片，你可以使用 URL https://http.cat/404.jpg。

在 JavaScript 中，你可以使用內置的 fetch 函數來向 HTTP.Cat 發起 API 請求。以下是一段示例代碼，展示了如何請求 404 狀態碼對應的貓咪圖片：

const statusCode = 404;
const url = `https://http.cat/${statusCode}.jpg`;
    
// 從 API 端點請求貓咪圖片
fetch(url)
  .then((response) => {
    if (response.ok) {
      // 如果響應成功，顯示貓咪圖片
      const img = document.createElement('img');
      img.src = url;
      document.body.appendChild(img);
    } else {
      // 如果請求有錯誤，記錄錯誤信息
      console.log(`Error: ${response.statusText}`);
    }
  })
  .catch((error) => {
    console.log(`Error: ${error}`);
  });

這段代碼創建了一個 img 元素，并將它的 src 屬性設置為 API 端點 URL。然后它發起一個 fetch 請求到該 URL 并處理響應。如果響應成功，它將顯示貓咪圖片。如果請求有錯誤，它將把錯誤信息記錄到控制臺。

HTTP.Cat API 是一個有趣的方式，可以為你的項目增添一些幽默感。它的文檔直接且易于理解。在本文中，我們已經學習了如何使用 JavaScript 中的 fetch 函數向 HTTP.Cat 發起 API 請求。享受使用這個 API 的樂趣吧！