Heim >Web-Frontend >js-Tutorial >Wie kann ich POST-Anfragen in JavaScript mithilfe eines Formulars senden?

Wie kann ich POST-Anfragen in JavaScript mithilfe eines Formulars senden?

Barbara Streisand
Barbara StreisandOriginal
2024-12-28 07:34:28873Durchsuche

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

Senden von POST-Anfragen in JavaScript: Ein formularbasierter Ansatz

Um POST-Anfragen in JavaScript zu senden und zu einer anderen Seite zu navigieren, als ob Sie ein Formular senden würden, ziehen Sie diese Lösung in Betracht :

/**
 * 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'});
````

Das obige ist der detaillierte Inhalt vonWie kann ich POST-Anfragen in JavaScript mithilfe eines Formulars senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn