Maison > interface Web > js tutoriel > Comment puis-je soumettre des requêtes POST en JavaScript à l'aide d'un formulaire ?

Comment puis-je soumettre des requêtes POST en JavaScript à l'aide d'un formulaire ?

Barbara Streisand
Libérer: 2024-12-28 07:34:28
original
849 Les gens l'ont consulté

How Can I Submit POST Requests in JavaScript Using a Form?

Soumission de requêtes POST en JavaScript : une approche basée sur un formulaire

Pour soumettre des requêtes POST en JavaScript et accéder à une page différente comme si vous soumettiez un formulaire, envisagez cette solution :

/**
 * sends a request to the specified url from a form. this will change the window location.
 * @param {string} path the path to send the post request to
 * @param {object} params the parameters to add to the url
 * @param {string} [method=post] the method to use on the form
 */

function post(path, params, method='post') {
  // Create a form and add it to the DOM
  const form = document.createElement('form');
  form.method = method;
  form.action = path;
  document.body.appendChild(form);

  // Create hidden input fields for each parameter
  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);
    }
  }

  // Submit the form
  form.submit();

  // Optionally, remove the form from the DOM
  document.body.removeChild(form);
}

// Example:
post('/contact/', {name: 'Johnny Bravo'});
````
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal