Wie kann ich die Schlüssel und Werte in einem FormData-Objekt effizient überprüfen?

Introspecting FormData: Schlüssel erkunden

Das Verständnis des Inhalts von FormData-Objekten ist für das Debuggen und Untersuchen von Formularübermittlungen unerlässlich. Allerdings liefern console.log- und schleifenbasierte Ansätze möglicherweise nicht die gewünschten Ergebnisse.

FormData.entries()

Seit März 2016 aktuelle Versionen von Chrome und Firefox Unterstützung der Verwendung von FormData.entries() zur Inspektion. Diese Methode iteriert über Schlüssel-Wert-Paare innerhalb des FormData-Objekts.

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

Alternative Ansätze

Vor der Einführung von FormData.entries() war dies nicht möglich Um Daten direkt aus FormData-Objekten abzurufen, waren alternative Methoden erforderlich. Eine Option bestand darin, ein reguläres Wörterbuch in FormData zu konvertieren:

var myFormData = {
    key1: 300,
    key2: 'hello world'
};

var fd = new FormData();
for (var key in myFormData) {
    console.log(key, myFormData[key]);
    fd.append(key, myFormData[key]);
}

Zum Debuggen ermöglichte das Senden des FormData-Objekts über eine XMLHttpRequest auch die Prüfung in der Netzwerkanforderungskonsole:

var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);

Das obige ist der detaillierte Inhalt vonWie kann ich die Schlüssel und Werte in einem FormData-Objekt effizient überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!