如何使用 Fetch API 將查詢字串附加到我的 GET 請求？

使用Fetch API 進行查詢字串操作

在使用Fetch API 建立具有自訂查詢參數​​的GET 請求時，出現了一個相關問題：「如何附加我的請求的查詢字串？ : 1} 數據參數？

現代、簡潔的解決方案

釋放 URLSearchParams 的潛力，出現了一種現代解決方案。利用其toString() 方法，可以毫不費力地將實例轉換為編碼的查詢字串，並將其無縫附加到請求URL：

<code class="javascript">fetch('https://example.com?' + new URLSearchParams({
  foo: 'value',
  bar: 2,
}).toString())</code>

URLSearchParams 精心地將物件轉換為所需的查詢字串格式，消除了需要手動編碼。或者，可以省略 toString() 調用，利用 JavaScript 在字串連接時的自動轉換。但是，這種方法需要更深入地了解 JavaScript 的內部運作原理。

綜合獲取範例

要獲得完整的說明，請考慮以下範例，該範例使用自訂查詢參數​​執行取得請求：

<code class="javascript">async function doAsyncTask() {
  const url = (
    'https://jsonplaceholder.typicode.com/comments?' +
    new URLSearchParams({ postId: 1 }).toString()
  );

  const result = await fetch(url)
    .then(response => response.json());

  console.log('Fetched from: ' + url);
  console.log(result);
}

doAsyncTask();</code>

釋放查詢字串參數

透過使用這些技術，您現在可以使用Fetch API 輕鬆地將查詢字串附加到GET 請求，從而使您能夠塑造資料檢索精準高效的操作。

以上是如何使用 Fetch API 將查詢字串附加到我的 GET 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！