Tengo un formulario que envía datos de formulario.
Los fields[] aparecen cuando no hay ninguna opción seleccionada.
¿Hay alguna forma en que pueda excluir los fields[] del envío a través de formData en mi Javascript?
Envío de salida de encabezado
fields[name]: name fields[phone]: phone fields[]: fields[]: $('body').on('submit', '#submit', function(e) { e.preventDefault(); var formData = new FormData(this); // logs what's the actual properties sent for (var prop of formData) console.log(prop); $.ajax({ url: $(this).attr('action'), data: formData, type: 'POST', contentType: false, cache: false, processData: false, }).done(function(data) { //success }).fail(function() { //eror }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <form id="submit"> <select name="fields[name]"> <option value=""></option> <option value="name">Name</option> <option value="phone">Phone</option> </select> <select name="fields[phone]"> <option value=""></option> <option value="name">Name</option> <option value="phone">Phone</option> </select> <select name="fields[email]"> <option value="name">Name</option> <option value="phone">Phone</option> </select> <input type="submit"/> </form>Suponemos que desea limpiar todas las propiedades del formulario que tienen un valor vacío. Esa es una forma de hacerlo, podría ser más óptima pero esto es más fácil de entender.
$('body').on('submit', '#submit', function(e) { e.preventDefault(); var formData = new FormData(this); var formDataNonEmpty = new FormData(); // add all non empy entries to formDataNonEmpty for (var prop of formData) if (prop[1]) formDataNonEmpty.append(prop[0], prop[1]); // logs what's the actual properties sent for (var prop of formDataNonEmpty) console.log(prop); $.ajax({ url: $(this).attr('action'), data: formDataNonEmpty, type: 'POST', contentType: false, cache: false, processData: false, }).done(function(data) { //success }).fail(function() { //eror }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <form id="submit"> <select name="fields[name]"> <option value=""></option> <option value="name">Name</option> <option value="phone">Phone</option> </select> <select name="fields[phone]"> <option value=""></option> <option value="name">Name</option> <option value="phone">Phone</option> </select> <select name="fields[email]"> <option value="name">Name</option> <option value="phone">Phone</option> </select> <input type="submit"/> </form>