如何在 JavaScript 中新增查詢參數以取得 GET 請求？

在Fetch GET 請求中設定查詢字串

在新的Fetch API 中，可以透過建立URLSearchParams 來啟動帶有查詢參數的GET 請求對象，向其新增鍵值對，並將其附加到請求URL。

<code class="js">const params = new URLSearchParams({
  order_id: 1
});

const request = new Request({
  url: 'http://myapi.com/orders' + '?' + params.toString(),
  method: 'GET'
});

fetch(request);</code>

這將導致對以下 URL 的 GET 請求：

'http://myapi.com/orders?order_id=1'

範例：

<code class="js">async function queryOrders() {
  const params = new URLSearchParams({
    // Example query parameter
    status: 'shipped'
  });

  const url = 'http://myapi.com/orders' + '?' + params.toString();

  const result = await (await fetch(url)).json();

  return result;
}</code>

以上是如何在 JavaScript 中新增查詢參數以取得 GET 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！