为什么我的FormData对象总是空的？

Question

我试图像这样向formData添加一些数据：

params = {'code': 'h1'}
const formData: FormData = new FormData();
formData.append('parameters', JSON.stringify(params));

当我尝试像这样从formData获取数据时： formData['parameters']它返回undefined并且formData.entries.length为0 。 我查看了一些站点，发现这是这样做的方法。 我究竟做错了什么？

谢谢。

Answer 1

您的FormData对象实际上不是空的。 您在追加数据后尝试访问数据的方式是错误的。

对我而言，以下作品：

 const params = {'code': 'h1'} const formData = new FormData(); formData.append('parameters', JSON.stringify(params)); for (const entry of formData.entries()) { document.write(entry); } 

旁注：

• 由于formData.entries()返回一个interator对象 ，因此没有length属性。
• 也没有定义indexer [] 。 因此，您需要使用get（）方法检索值，如Daniel Beck在他的答案中所示。

Answer 2

您在错误地声明formData对象 （编辑：对于javascript。这个问题最初不是用 typescript 标记的，对此我不太熟悉）

 const params={'code': 'h1'} const formData = new FormData() formData.append('parameters', JSON.stringify(params)) // confirm: console.log(formData.get('parameters')) 

...但是如果您要在formData上设置多个参数，而不仅仅是一个名为“ parameters”的参数，则可能需要这样做：

 const params={ 'code': 'h1', 'foo': 'bar' } const formData = new FormData() Object.keys(params).forEach((k) => { formData.append(k, params[k]) }) // confirm: console.log(formData.get('code')) console.log(formData.get('foo'))