Question

160

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

rated 0 times [ 161] [ 1] / answers: 1 / hits: 139265 / 10 Years ago, wed, july 30, 2014, 12:00:00

I'm trying to get a set of keys (input names or similar) and values (input values) from a web form:

<body>

  <form>

    <input type=text name=banana value=swag>

  </form>



  <script>

    var form = document.querySelector('form');

    var formData = new FormData(form);

  </script>

</body>

According to the FormData documentation, formData should contain the keys and values from the form. But console.log(formData) shows formData is empty.

How can I quickly get the data from the form using FormData?

JSFiddle

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

hallie

Add To Favorites

Follow

Total Points: 503

Total Questions: 114

Total Answers: 103

Location: Iraq

Member since Fri, Jun 5, 2020

4 Years ago

hallie questions

1 Uncaught TypeError: Cannot read properties of undefined (reading 'navigate')

Fri, Jan 28, 22, 00:00, 2 Years ago

1 isSameOrBefore implementation for date-fns

Fri, Jul 9, 21, 00:00, 3 Years ago

1 Module build failed when using mini-css-extract-plugin with postcss-loader for less

Thu, May 27, 21, 00:00, 3 Years ago

1 d3.js in Angular - Property 'event' does not exist on type 'typeof import

Wed, Nov 11, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: Unexpected token '< ' VueJS PWA

Fri, Mar 27, 20, 00:00, 4 Years ago

View All

answered 10 Years ago hasancolec · Accepted Answer

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)