我有一個 html 表單，其資料需要發送到服務器。我使用的編碼型別為multipart/form-data.
相同的 HTML 表單是：
<form class="news-container" enctype="multipart/form-data">
<input type="checkbox" name=""><span>Featured Content</span></input>
<br/>
<br/>
<input type="submit" class="submit-btn"></input>
</form>
獲取 formData 并發送 post 請求的代碼是：
const form=document.querySelector('.news-container');
submitbtn.addEventListener('click', (e) => {
e.preventDefault();
if(validateForm())
{
const data=new FormData(form);
postData(data);
}
})
async function postData(data) {
await fetch('http://localhost:5000/create', {
method: 'POST',
body: {
title: `${data.title}`, content: `${data.content}`
},
headers: {
'Content-Type': 'application/json'
}
})
}
uj5u.com熱心網友回復：
您可以使用( docsget ) 中的方法來讀取特定值，如下所示：FormData
async function postData(data) {
await fetch('http://localhost:5000/create', {
method: 'POST',
body: {
title: `${data.get('title')}`, content: `${data.get('content')}`
},
headers: {
'Content-Type': 'application/json'
}
})
}
請記住，在您發布的示例中，沒有title或content表單欄位。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/482987.html