Rumah > hujung hadapan web > tutorial js > Hantar r Lagi borang dalam satu klik butang

Hantar r Lagi borang dalam satu klik butang

PHPz
Lepaskan: 2024-07-31 14:39:52
asal
597 orang telah melayarinya

Submit r More forms in one button click

Andaikan anda mempunyai dua daripada halaman web anda di tempat yang berbeza. tetapi anda ingin menghantar dua borang dalam satu klik. Kemudian gunakan -

HTML anda:

<form id="form1">
   <!-- Form 1 fields -->
   <input type="text" name="field1" placeholder="Field 1">
</form>

<form id="form2">
    <!-- Form 2 fields -->
    <input type="text" name="field2" placeholder="Field 2">
</form>
Salin selepas log masuk

JS:

window.addEventListener('load', function() {
            // Get form data
            let form1 = new FormData(document.getElementById('form1'));
            let form2 = new FormData(document.getElementById('form2'));

            // Combine both forms data into URLSearchParams
            let urlParams = new URLSearchParams();
            form1.forEach((value, key) => {
                urlParams.append(key, value);
            });
            form2.forEach((value, key) => {
                urlParams.append(key, value);
            });

            // Redirect to a new URL with combined form data
            window.location.href = '/submit-both-forms?' + urlParams.toString();
        });
Salin selepas log masuk

Ini akan menghantar permintaan mendapatkan ke lokasi.

Atas ialah kandungan terperinci Hantar r Lagi borang dalam satu klik butang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan