Hantar r Lagi borang dalam satu klik butang

PHPz
Lepaskan: 2024-07-31 14:39:52
asal
487 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!

sumber:dev.to
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!