Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menghantar Permintaan POST dalam JavaScript Menggunakan Borang?

Bagaimanakah Saya Boleh Menghantar Permintaan POST dalam JavaScript Menggunakan Borang?

Barbara Streisand
Lepaskan: 2024-12-28 07:34:28
asal
848 orang telah melayarinya

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

Menyerahkan Permintaan POST dalam JavaScript: Pendekatan Berasaskan Borang

Untuk menyerahkan permintaan POST dalam JavaScript dan menavigasi ke halaman lain seolah-olah menghantar borang, pertimbangkan penyelesaian ini :

/**
 * 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'});
````
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Permintaan POST dalam JavaScript Menggunakan Borang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan