FormData created from an existing form seems empty when I log it [duplicate]

by

Update: the XHR spec now includes several more functions to inspect FormData objects.

FireFox has supported the newer functions since v39.0, Chrome is slated to get support in v50. Not sure about other browsers.

var form = document.querySelector('form');
var formData = new FormData(form);

for (var [key, value] of formData.entries()) { 
  console.log(key, value);
}

//or

console.log(...formData)

More Related Contents:

  1. How to append whole set of model to formdata and obtain it in MVC
  2. How to set File objects and length property at FileList object where the files are also reflected at FormData object?
  3. How to inspect FormData?
  4. How to convert FormData (HTML5 object) to JSON
  5. Pass Data to Service in Axios
  6. Convert JS Object to form data
  7. appending array to FormData and send via AJAX
  8. Send FormData and String Data Together Through JQuery AJAX?
  9. FormData.append(“key”, “value”) is not working
  10. fetch – Missing boundary in multipart/form-data POST
  11. How to make POST requests with the FormData API
  12. FormData in IE8/9
  13. How to give a Blob uploaded as FormData a file name?
  14. Uploading multiple files asynchronously by blueimp jquery-fileupload
  15. Set cookie and get cookie with JavaScript [duplicate]
  16. Why do we need middleware for async flow in Redux?
  17. contenteditable, set caret at the end of the text (cross-browser)
  18. Push method in React Hooks (useState)?
  19. TypeError: console.log(…) is not a function
  20. What is the best way to download file from server
  21. PDF Blob – Pop up window not showing content
  22. regular expression to match exactly 5 digits
  23. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  24. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  25. How to delete parent element using jQuery
  26. Onclick reload the div only
  27. What is the difference between “in operator” and “includes()” for JavaScript arrays
  28. “You may need an additional loader to handle the result of these loaders.”
  29. Razor/JavaScript and trailing semicolon
  30. clearing circular regions from HTML5 Canvas

Leave a Comment