Comment puis-je sérialiser les données d'un formulaire en JavaScript sans frameworks ?

Sérialisation de formulaire en JavaScript (sans frameworks)

Le défi est présenté : comment sérialiser un formulaire en JavaScript sans s'appuyer sur des bibliothèques externes ou cadres. JavaScript lui-même offre-t-il un moyen de convertir les données d'un formulaire en une chaîne sérialisée ? Explorons les options.

Réponse :

Un ajout précieux à JavaScript en 2023 est l'objet FormData. Il fournit une méthode pratique pour sérialiser les données de formulaire pour les requêtes GET et POST :

<code class="javascript">const form = document.querySelector('form');
const formDataObj = new FormData(form);
const request = new XMLHttpRequest();
request.send(formDataObj);</code>

Cette approche garantit que les données sérialisées sont envoyées en tant que type de contenu « multipart/form-data » ; cependant, notez qu'il est adapté aux requêtes POST. Pour les requêtes GET, URLSearchParams pourrait être plus approprié.

Informations supplémentaires :

Si la compatibilité ascendante n'est pas un problème, des API de navigateur alternatives telles que fetch() peuvent fournir encore plus fonctionnalité simplifiée pour les soumissions de formulaires. Néanmoins, l'approche FormData reste une solution robuste pour les besoins simples de sérialisation de formulaires.

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!