使用 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);

注意： 如果您選擇手動連接查詢字串，請確保其編碼正確，以防止無效字元破壞請求。