Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengelakkan Penyegaran Halaman Yang Tidak Diingini Apabila Mengklik Butang Borang?

Bagaimana untuk Mengelakkan Penyegaran Halaman Yang Tidak Diingini Apabila Mengklik Butang Borang?

Susan Sarandon
Lepaskan: 2024-12-07 14:59:13
asal
888 orang telah melayarinya

How to Prevent Unwanted Page Refreshes When Clicking Form Buttons?

Cara Melumpuhkan Muat Semula Halaman Apabila Mengklik Butang dalam Borang

Apabila menggunakan butang dalam borang, adalah perkara biasa untuk menghadapi masalah apabila mengklik butang mencetuskan perkara yang tidak diingini muat semula halaman, menetapkan semula keadaan halaman sebelumnya. Muat semula ini boleh berlaku apabila butang digunakan untuk memanggil fungsi atau melakukan tindakan tertentu, menyebabkan penyemak imbas menyerahkan borang secara automatik.

Untuk mengelakkan tingkah laku yang tidak diingini ini, anda boleh mengubah suai atribut jenis butang kepada "butang" dan bukannya nilai lalainya, iaitu "serahkan." Jenis lalai "serahkan" menyebabkan borang disiarkan sendiri apabila butang diklik, membawa kepada muat semula halaman.

Dengan menetapkan jenis kepada "butang," anda boleh melumpuhkan penyerahan automatik borang dan membenarkan butang untuk memanggil fungsi yang dikehendaki tanpa menjejaskan keadaan halaman:

<form method="POST">
    <button name="data" type="button" onclick="getData()">Click</button>
</form>
Salin selepas log masuk

Dengan pengubahsuaian ini, mengklik butang "Klik" akan mencetuskan Fungsi "getData()" tanpa menyebabkan halaman dimuat semula. Keputusan permintaan sebelumnya akan dikekalkan dan keadaan halaman semasa akan kekal tidak terjejas.

Atas ialah kandungan terperinci Bagaimana untuk Mengelakkan Penyegaran Halaman Yang Tidak Diingini Apabila Mengklik Butang 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