Nabend,
ich habe eine Datei mit 3 verschiedenen Form Elementen ( 1 für Stammdaten, 1 für Bankdaten und eine für Lieferadressen).
Nach erfolgter Eingabe möchte ich sämtliche Daten der 3 Form Elemente in einem Rutsch per Fech Api an meine verarbeitende Php Datei schicken.
Ich denke mal, im body meines Fetch requests kann ich nur eine Ressource angeben, so dass ich die Daten der 3 Formelemente zusammenführen muss oder ?
Ist das wie nachfolgt der richtige Ansatz ? :
ich habe eine Datei mit 3 verschiedenen Form Elementen ( 1 für Stammdaten, 1 für Bankdaten und eine für Lieferadressen).
Nach erfolgter Eingabe möchte ich sämtliche Daten der 3 Form Elemente in einem Rutsch per Fech Api an meine verarbeitende Php Datei schicken.
Ich denke mal, im body meines Fetch requests kann ich nur eine Ressource angeben, so dass ich die Daten der 3 Formelemente zusammenführen muss oder ?
Ist das wie nachfolgt der richtige Ansatz ? :
Code:
const form1 = document.querySelector('#form1'); const form2 = document.querySelector('#form2'); const form3 = document.querySelector('#form3'); let data1 = new FormData(form1); let data2 = new FormData(form2); let data3 = new FormData(form3); for (let [key, value] of data2) { data1.append(key, value); } for (let [key, value] of data3) { data1.append(key, value); } const postData = async() => { const response = await fetch(„meinedatei.php“, { method: „POST“, headers : { „Content-Type“: „application/json“ }, body: data1 }); const jsonResponse = await response.json(); alert(jsonResponse); }
Kommentar