I am trying to use FormData(). I have tried this code in Multiple versions of Chrome and Firefox.

var fData = new FormData();
fData.append('foo', 'bar');
console.log('formData', fData);

fData, when logged, only gives me the created object with a prototype of FormData and no additional "foo" value. There are no errors, it just seems to fail silently.

I have also tried

var fData = new FormData(formElement);

I am trying to use FormData(). I have tried this code in Multiple versions of Chrome and Firefox.

var fData = new FormData();
fData.append('foo', 'bar');
console.log('formData', fData);

fData, when logged, only gives me the created object with a prototype of FormData and no additional "foo" value. There are no errors, it just seems to fail silently.

I have also tried

var fData = new FormData(formElement);

• javascript
• xmlhttprequest

• Have you found a solution for this? I am experiencing the same problem. – aganders3 Commented Jan 11, 2012 at 18:09
• @aganders3 Not yet. I'll post it here if I do. – Chris Biscardi Commented Jan 11, 2012 at 19:37

1 Answer 1

Doing a bit of research, I found this question which says you can't get your data directly from the FormData object. However, you can see what data is sent if you examine the XMLHttpRequest object after sending it. This allowed me to see what I was sending (I used the network tab of Chrome's inspector) and effectively debug my code.

So to answer your question: it is probably working already, you just can't see your data in the FormData object.