Comment sérialiser un formulaire en JavaScript sans utiliser de framework ?

Comment sérialiser un formulaire sans utiliser de framework

Lorsque vous travaillez avec des formulaires Web, il est souvent nécessaire de collecter et d'envoyer les données du formulaire à un serveur pour le traitement ultérieur. JavaScript fournit des méthodes intégrées pour accomplir cette tâche sans avoir besoin de bibliothèques ou de frameworks externes.

Utilisation de FormData (mise à jour 2023)

Dans les versions récentes de JavaScript, le L'API FormData permet une sérialisation facile des formulaires. Voici un exemple :

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

Cette approche est simple et fonctionne particulièrement bien pour les requêtes POST.

Remarque : Cette méthode peut ne pas être prise en charge dans les anciens navigateurs ou lorsque effectuer des requêtes GET.

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!