Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Bertahan Keadaan Penyerahan Borang Merentasi Muat Semula Halaman?

Bagaimanakah Saya Boleh Bertahan Keadaan Penyerahan Borang Merentasi Muat Semula Halaman?

Patricia Arquette
Patricia Arquetteasal
2025-01-03 16:49:41860semak imbas

How Can I Persist Form Submission State Across Page Reloads?

Pembolehubah Berterusan Antara Pemuatan Halaman

Masalah:

Anda perlu menangkap acara penyerahan borang dan jika borang itu diserahkan, simpan maklumat ini selepas halaman dimuat semula, membolehkan anda mengaksesnya apabila halaman itu dimuat semula.

Pendekatan Salah Menggunakan Pembolehubah Global:


var diklik = palsu;

$(dokumen).siap (function() {
$("inputtype='submit'").attr("onclick", "form.act.value='detailSearch'; diklik = benar; kembalikan benar;");

jika (diklik == benar) {

// show hidden fields

} lain {

// don't show hidden fields

}
});

Kod ini cuba untuk simpan keadaan penyerahan borang dalam pembolehubah global, tetapi ia tidak berkesan kerana HTTP tidak berstatus dan setiap muat semula halaman menetapkan semula semua pembolehubah.

Penyelesaian untuk Penyimpanan Data Berterusan:

Rentetan Pertanyaan:

  • Kemas kini rentetan pertanyaan dengan borang yang menunjukkan parameter penyerahan.
  • Pada halaman dimuatkan, huraikan rentetan pertanyaan untuk mendapatkan semula keadaan borang yang diserahkan.

Storan Web:

  • Dengan Storan Web HTML5, anda boleh menyimpan data secara setempat pada bahagian klien merentas pemuatan halaman menggunakan sessionStorage (untuk data sementara) atau localStorage (untuk data jangka panjang).

Kuki:

  • Kuki ialah satu lagi pilihan storan data pihak pelanggan yang boleh kekal merentasi pelbagai domain.

window.name:

  • Walaupun namanya, window.name boleh digunakan untuk menyimpan nilai rentetan.
  • Tidak seperti kuki, ia berterusan merentas halaman pada domain yang sama, tetapi hanya dalam tab semasa.

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

Kenyataan:
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