Comment puis-je inspecter FormData en JavaScript ?

Inspecter FormData en JavaScript

Comme vous l'avez constaté, l'inspection de FormData peut être difficile en raison de sa structure unique. Il est important de comprendre que les objets FormData sont principalement conçus pour transmettre des données via des requêtes HTTP, ce qui limite leur introspection directe.

Méthode mise à jour

Versions récentes de Chrome et Firefox ( depuis mars 2016) prise en charge de l'utilisation de FormData.entries() pour inspecter les objets FormData. Cette méthode fournit des paires clé-valeur des données :

var formData = new FormData();
formData.append("key1", "value1");
formData.append("key2", "value2");

for (var pair of formData.entries()) {
    console.log(pair[0] + ", " + pair[1]);
}

Méthodes alternatives

Pour les navigateurs plus anciens ou si FormData.entries() n'est pas disponible, vous pouvez utilisez des méthodes alternatives pour inspecter les données :

• Convertir en dictionnaire : Créez un dictionnaire régulier et ajoutez manuellement chaque paire clé-valeur à un nouvel objet FormData. Cela vous permet d'accéder facilement aux données à des fins de débogage.
• Envoyer FormData pour inspection : Envoyez l'objet FormData via une requête AJAX pour l'examiner dans la console de requête réseau des outils de développement de votre navigateur. .

N'oubliez pas que si FormData est essentiel pour gérer les données de formulaire dans les requêtes HTTP, ses capacités d'introspection sont limitées par rapport à d'autres données. structures.

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!