Bagaimanakah JavaScript Boleh Menghalang Penyerahan Semula Borang pada Muat Semula Halaman?

Menghalang Penyerahan Semula Borang pada Muat Semula Halaman

Apabila pengguna menyerahkan borang, adalah penting untuk menghalang data daripada diserahkan semula apabila halaman itu disegarkan. Ini memastikan integriti data dan pengalaman pengguna.

Satu kaedah yang berkesan ialah menggunakan fungsi JavaScript window.history.replaceState(). Fungsi ini mengemas kini entri sejarah semasa dengan URL baharu dan objek keadaan, membolehkan kami menggantikan URL semasa dengan dirinya sendiri. Akibatnya, apabila pengguna memuat semula halaman, mereka kekal pada halaman yang sama dan bukannya menyerahkan semula borang.

Pelaksanaan:

Tambahkan kod JavaScript berikut pada anda halaman:

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

Apabila halaman dimuatkan, skrip ini menyemak sama ada Fungsi window.history.replaceState() disokong oleh penyemak imbas. Jika ya, ia mengemas kini entri sejarah semasa dengan URL yang sama, dengan berkesan menghalang penyerahan semula semasa muat semula.

Nota:

Walaupun pendekatan JavaScript ini berkesan, pendekatan ini berkesan. disyorkan untuk menggunakan pendekatan sisi pelayan seperti Post/Redirect/Get (PRG) untuk memastikan integriti data merentas semua senario. Walau bagaimanapun, penyelesaian ini menyediakan alternatif baharu menggunakan JavaScript.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Menghalang Penyerahan Semula Borang pada Muat Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!