首頁 >web前端 >js教程 >如何使用 Fetch API 以 `application/x-www-form-urlencoded` 形式傳送表單資料?

如何使用 Fetch API 以 `application/x-www-form-urlencoded` 形式傳送表單資料?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-04 15:34:02654瀏覽

How to Send Form Data as `application/x-www-form-urlencoded` with the Fetch API?

使用Application/x-www-form-urlencoded 透過Fetch API 發佈表單資料

提交表單時,您可能會遇到如何使用表單資料的問題使用Fetch API 取得資料。預設情況下,使用 FormData 傳送正文會導致資料以 multipart/form-data 傳送。但是,如果您希望以 application/x-www-form-urlencoded 的形式傳送數據,則有幾個選項可用。

具有 Multipart/Form-Data 格式的 FormData

使用 FormData自動鎖定您以多部分/表單資料格式傳送資料。為了避免這種情況,您可以手動建立 URL 編碼的字串或 URLSearchParams 對象,而不是使用 FormData。以下是迭代表單元素並建立 URLSearchParams 物件的程式碼片段:

注意: 您不需要明確指定 Content-Type 標頭。

URLSearchParams 和FormData

另一個實驗性選項是建立URLSearchParams 物件並直接傳遞FormData 對象,而不是迴圈遍歷值:

雖然此方法有一些實驗支援在瀏覽器中,建議在使用前徹底測試。

以上是如何使用 Fetch API 以 `application/x-www-form-urlencoded` 形式傳送表單資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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