Bagaimanakah Saya Boleh Mensimulasikan Penyerahan Borang POST dalam JavaScript?

Simulasi Penyerahan Borang melalui Permintaan POST dalam JavaScript

Apabila menavigasi ke halaman lain memerlukan permintaan POST, kaedah penyerahan borang standard mungkin tidak boleh diakses melalui JavaScript. Artikel ini membentangkan penyelesaian untuk menyiarkan data secara dinamik dan menukar lokasi penyemak imbas, mencontohi tingkah laku penyerahan borang.

Pembuatan dan Penyerahan Borang Dinamik

Untuk mencapai matlamat ini, buat borang secara dinamik, isikannya dengan medan input tersembunyi yang mengandungi parameter yang diperlukan dan serahkan ia:

pos fungsi(path, params, method='post') {
const form = document.createElement('form');
form.method = kaedah;
form.action = laluan;

untuk (kunci const dalam params) {

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

  form.appendChild(hiddenField);
}

}

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

Contoh Penggunaan

Untuk menyerahkan data kepada '/contact/' dengan parameter 'name' ditetapkan kepada 'Johnny Bravo':

<br>post('/ kenalan/', {nama: 'Johnny Bravo'});<br>

Nota Penting

Dalam penyelesaian yang disediakan, semakan 'hasOwnProperty' memastikan keserasian merentas pelayar dan menghalang potensi pepijat.

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