如何在 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中文网其他相关文章！