首頁 > web前端 > js教程 > 主體

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

Patricia Arquette
發布: 2024-10-25 21:27:03
原創
801 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板