Comment puis-je simuler une soumission POST d'un formulaire HTML à l'aide de JavaScript ?

Simulation de la soumission d'un formulaire HTML via une requête POST JavaScript

En réponse à la question de savoir comment émuler une requête POST à ​​l'aide d'une soumission de formulaire en JavaScript, le multi-navigateur optimal L'approche consiste à créer des éléments de formulaire de manière dynamique et à les soumettre.

Pour y parvenir, suivez ces étapes :

1. Créer un élément de formulaire :

   const form = document.createElement('form');
   form.method = 'post';
   form.action = path;

2. Ajouter des champs de saisie :

   for (const key in params) {
     if (params.hasOwnProperty(key)) {
       const hiddenField = document.createElement('input');
       hiddenField.type = 'hidden';
       hiddenField.name = key;
       hiddenField.value = params[key];
   
       form.appendChild(hiddenField);
     }
   }

3. Ajouter le formulaire et Soumettre :

   document.body.appendChild(form);
   form.submit();

Cette technique crée dynamiquement un formulaire, le remplit avec des champs de saisie masqués pour les paramètres de la demande, puis lance le processus de soumission. Lors de la soumission, le navigateur modifie l'emplacement, simulant le comportement d'une soumission de formulaire traditionnelle.

Exemple :

post('/contact/', {name: 'Johnny Bravo'});

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!