通过formData传递在表单上输入的所有值与fetch API的问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过formData传递在表单上输入的所有值与fetch API的问题相关的知识,希望对你有一定的参考价值。
为什么formData对我的express + mongodb服务器是空的?我在querySelector和addEventListener方面遇到了一些问题,但是现在可以了。但是,我找不到将表单的所有值发送到服务器的方法。拜托,有人帮帮我吗?
document.querySelector('#enviar-
cadastro').addEventListener('click', Cadastrar);
Cadastrar('http://localhost:5000/usuario/novo')
.then(response => console.log(response.json()))
.then(data => console.log(data))
.catch(error => console.log(error));
function Cadastrar(url) {
const formDados = new FormData(document.querySelector('#signup'))
return fetch(url, {
method: 'POST',
body: JSON.stringify(formDados),
headers: {
"Content-Type": "application/json"
}
})
};
答案
首先在Cadastrar中的console.log(formDados),看看你得到了什么。这也应该有所帮助:https://code.lengstorf.com/get-form-values-as-json/
以上是关于通过formData传递在表单上输入的所有值与fetch API的问题的主要内容,如果未能解决你的问题,请参考以下文章
FormData() 对象不会从表单添加提交类型的输入,而在 Firefox 上
[FE] 用 FormData 上传多个文件到 MultipartFile[] 接口
如何使用 JQuery 和 formData 正确获取表单数据