使用 Fetch GET 请求的查询字符串

Fetch API 提供了一种在 JavaScript 中发出 HTTP 请求的现代方法。默认情况下，使用 Fetch 发出的 GET 请求不包含查询字符串参数。要将查询字符串添加到 GET 请求，我们可以使用 URLSearchParams 接口或手动连接查询字符串。

使用 URLSearchParams：

URLSearchParams 接口允许我们轻松创建和操作查询字符串。要添加查询字符串参数，我们可以使用 set() 方法：

const searchParams = new URLSearchParams();
searchParams.set('order_id', 1);

const request = new Request({
  url: 'http://myapi.com/orders',
  method: 'GET',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: searchParams.toString()
});

fetch(request);

连接查询字符串：

或者，我们可以将查询字符串直接连接到请求 URL：

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

fetch(request);

注意： 如果您选择手动连接查询字符串，请确保其编码正确，以防止无效字符破坏请求。