通过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[] 接口

如何将不同类型的表单输入附加到 formData()?

如何使用 JQuery 和 formData 正确获取表单数据

axios怎么模拟form表单提交,怎么传递FormData对象

通过 Ajax 提交表单 - FormData 始终为空 [重复]