首頁  >  文章  >  web前端  >  如何新增查詢字串來取得 GET 請求?

如何新增查詢字串來取得 GET 請求?

Patricia Arquette
Patricia Arquette原創
2024-10-25 21:27:03727瀏覽

How to Add Query Strings to Fetch GET Requests?

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

連接查詢字串:

或者,我們可以連接查詢字串直接到請求網址:

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

fetch(request);

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

以上是如何新增查詢字串來取得 GET 請求?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn