2 回答

TA貢獻1827條經驗 獲得超9個贊
TBH 我沒有多少運氣FormData能很好地處理反應。onSubmit您可以訪問表單事件對象的表單字段。
// Login component class
submitLoginForm = (event) => {
event.preventDefault();
const target = event.target;
const data = {
username: target.username.value,
password: target.password.value,
};
// JSON.stringify(data) in request body
}

TA貢獻1895條經驗 獲得超3個贊
不確定這是不是理想的方法,但你可以formData.entries()像這樣建立一個 pojo,然后從那里做你需要做的任何事情。
const submitLoginForm = e => {
e.preventDefault();
const fd = new FormData(e.target);
const formObj = [...fd.entries()].reduce((acc, [key, value]) => ({...acc, [key]: value}), {});
console.log(formObj);
}
<form onsubmit="submitLoginForm(event)">
<label htmlFor="username">Username: </label>
<input id="username" name="username" type="text" />
<label htmlFor="password">Password: </label>
<input id="password" name="password" type="password" />
<input type="submit" value="submit" />
</form>
添加回答
舉報