Comment puis-je inspecter efficacement les clés et les valeurs d'un objet FormData ?

Introspection de FormData : exploration des clés

Comprendre le contenu des objets FormData est essentiel pour le débogage et l'examen des soumissions de formulaires. Cependant, les approches basées sur console.log et basées sur des boucles peuvent ne pas fournir les résultats souhaités.

FormData.entries()

Depuis mars 2016, les versions récentes de Chrome et Firefox prise en charge de l'utilisation de FormData.entries() pour l'inspection. Cette méthode parcourt les paires clé-valeur au sein de l'objet FormData.

// 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]); 
}

Approches alternatives

Avant l'introduction de FormData.entries(), l'incapacité de récupérer des données directement à partir des objets FormData nécessitait des méthodes alternatives. Une option impliquait la conversion d'un dictionnaire normal en FormData :

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]);
}

Pour le débogage, l'envoi de l'objet FormData via un XMLHttpRequest permettait également un examen dans la console de requête réseau :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!