使用 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中文網其他相關文章!