設計名言 API 允許用戶檢索關于設計的鼓舞人心的名言。在這篇博客文章中，我們將探討使用 JavaScript 訪問此 API 的各種方法。

首先，讓我們看一下 API 文檔，此文檔提供了有關可用 API 端點、參數和響應格式的信息。

要使用 API 獲取隨機名言，我們可以使用以下 JavaScript 代碼：

fetch('https://quotesondesign.com/wp-json/wp/v2/posts/?orderby=rand')
  .then(response => response.json())
  .then(data => {
    const quote = data[0].content.rendered;
    const author = data[0].title.rendered;
    console.log(`${quote} - ${author}`);
  })
  .catch(error => console.error(error));

在這里，我們使用 fetch 方法向 API 端點發送 GET 請求。orderby=rand 參數告訴 API 返回一個隨機名言。一旦我們收到響應，我們解析 JSON 數據，并從列表中的第一項提取 content 和 title 字段。最后，我們將名言和作者記錄到控制臺。

如果我們知道特定名言的 ID，我們可以使用 API 通過以下代碼獲取它：

const quoteId = 123; // 替換為所需名言的 ID

fetch(`https://quotesondesign.com/wp-json/wp/v2/posts/${quoteId}`)
  .then(response => response.json())
  .then(data => {
    const quote = data.content.rendered;
    const author = data.title.rendered;
    console.log(`${quote} - ${author}`);
  })
  .catch(error => console.error(error));

在這里，我們簡單地將 orderby=rand 參數替換為 quoteId 變量。這允許我們通過其 ID 檢索特定的名言。

要一次檢索多個名言，我們可以使用 API 端點中的 number 參數來指定要返回的名言數量。例如，要檢索十個名言，我們可以使用以下代碼：

const numQuotes = 10;

fetch(`https://quotesondesign.com/wp-json/wp/v2/posts/?orderby=rand&per_page=${numQuotes}`)
  .then(response => response.json())
  .then(data => {
    data.forEach(quote => {
      const content = quote.content.rendered;
      const author = quote.title.rendered;
      console.log(`${content} - ${author}`);
    });
  })
  .catch(error => console.error(error));

在這里，我們包括 per_page 參數來檢索十個名言。然后我們遍歷名言列表，并為每個名言提取 content 和 title 字段。

在這篇博客文章中，我們討論了使用 JavaScript 訪問設計名言 API 的不同方式。我們已經展示了獲取隨機名言、通過 ID 獲取名言以及一次獲取多個名言的示例。

通過使用設計名言 API，開發者可以創建激勵人心的應用程序，促進創造力和設計。