如何使用 Fetch 發布 x-www-form-urlencoded 資料？

使用Fetch 發布x-www-form-urlencoded 資料

在Web 開發領域，HTTP 請求通常攜帶表單編碼的資料到伺服器。為了使用 Fetch API 實現此目的，讓我們探討如何建構這樣的請求。

考慮這樣的場景：您有使用者名稱、密碼和授權類型等參數需要作為表單編碼資料傳送到一台伺服器。您已經使用適當的標頭設定了請求，但是如何合併參數？

為此，您可以利用 URLSearchParams 的強大功能。操作方法如下：

fetch('https://example.com/login', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    body: new URLSearchParams({
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    })
});

URLSearchParams 物件充當參數的容器。它會自動對值進行 URL 編碼，使其準備好進行傳輸。透過適當設定 Content-Type 標頭，您的請求現在會將編碼資料傳送到伺服器。

以上是如何使用 Fetch 發布 x-www-form-urlencoded 資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！