Mi código
<!DOCTYPE html> <html> <body> <div id="form-sample"> <form enctype="multipart/form-data"> <input type="text" name="sample-text" /> <input type="radio" name="sample-radio" value="yes" /> <input type="radio" name="sample-radio" value="no" /> <input type="file" name="images[]" multiple="multiple" /> <input type="submit" value="Fetch Data" /> </form> </div> <script> function onSubmitForm(e) { e.preventDefault(); const fD = new FormData(document.querySelector("#form-sample form")); console.log(fD.entries()); // get an empty FormData Iterator } document.addEventListener('DOMContentLoaded', function(e) { document.querySelector("#form-sample form").addEventListener("submit", onSubmitForm, false); }); </script> </body> </html> ¿Por qué FormData no carga las entradas de <form> y por qué no devuelve una excepción?
En realidad, estoy probando este código en la última versión de Firefox (v95.0)
Puede iterar a través del iterador: https://developer.mozilla.org/en-US/docs/Web/API/FormData/entries
Puede obtener los valores uno por uno: https://developer.mozilla.org/en-US/docs/Web/API/FormData/get