Estoy tratando de enviar dos campos de entrada dinámicos al backend a través de ajax, y tengo un formulario principal, el formulario principal funciona bien, no sé cómo enviar dos entradas dinámicas adicionales al backend, aquí está mi código
var extra_inputs = 2 var removed_extra_inputs = [] var formData = new FormData(); for(var i=0; i<extra_inputs; i++){ try{ formData.append("guestinfo-"+i, document.getElementById("guestinfo-"+i).value); formData.append("reason-"+i, document.getElementById("reason-"+i).value); } catch(err){ console.log(err); } } const form = document.getElementById('post-form-add-booking') const url = window.location.href const room = parseInt(room_number) form.addEventListener("submit",submitHanler); function submitHanler(e){ e.preventDefault(); $.ajax({ type:'POST', url:url, data:$("#post-form-add-booking").serialize() + "&extra_inputs="+extra_inputs + '&removed_extra_inputs='+removed_extra_inputs, dataType:'json', success:successFunction, error:errorFunction, }) }pero no estoy seguro de que haya una manera de combinar formData con form.serilaizer, gracias por su ayuda.
Esto es lo que creo que quieres decir
$('#post-form-add-booking').on("submit",function(e) { e.preventDefault(); const formData = new FormData(this); // adding the DOM form $("[id^=guestinfo], [id^=reason]").each(function() { formData.append(this.id, this.value) }) $.ajax({ type:'POST', url:url, data:formData, dataType:'json', success:successFunction, error:errorFunction, }) })