如何使用「application/x-www-form-urlencoded」透過 Fetch API 傳送表單資料？

使用 Fetch API 發布表單資料

使用 Fetch API 發布表單資料使用
FormData，它本質上使用 multipart/form-data 格式。如果您想使用"Content-Type": "application/x-www-form-urlencoded" 發送數據，有兩個選項：

建立URL 編碼正文：

<code class="js">fetch("api/xxx", {
    body: "[email protected]&password=pw",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    method: "post"
})</code>

使用URLSearchParams：

要從表單元素建構URLSearchParams 對象，您可以迭代元素或使用以下轉換方法：

<code class="js">const data = new URLSearchParams(new FormData(formElement));
fetch("api/xxx", {
    method: 'post',
    body: data,
})</code>

請注意，使用URLSearchParams 時不需要定義ContContent-Type標頭。

在控制器中解碼 Multipart/Form-Data：

取決於您的後端實現，您可能需要解碼 multipart/form-data 主體。具體解碼過程請參閱您所需框架的文件。

以上是如何使用「application/x-www-form-urlencoded」透過 Fetch API 傳送表單資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！