Bagaimana Mencegah Data Lapuk Apabila Menggunakan Butang Belakang dalam Aplikasi Satu Halaman?

Muat Semula Halaman pada Klik Butang Belakang

Menavigasi menggunakan butang belakang selalunya boleh membawa kepada tingkah laku yang tidak diingini, terutamanya apabila menggunakan .htaccess ke trafik laluan kepada satu halaman. Isu ini timbul kerana butang belakang beroperasi dengan mendapatkan semula versi cache halaman, mengakibatkan data basi.

Untuk menangani perkara ini, mari kita terokai penyelesaian alternatif:

Halaman Dicap Masa

Buat fail PHP baharu yang memaparkan cap masa. Ini akan membolehkan anda mengenal pasti apabila halaman telah dimuat semula:

<code class="php"><?php
header("Cache-Control: no-store, must-revalidate, max-age=0");
header("Pragma: no-cache");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
echo time();
?>
<a href="http://google.com">aaaaa</a></code>

Pendekatan ini memastikan halaman sentiasa dimuatkan semula apabila menggunakan butang belakang.

Sandaran Medan Tersembunyi

Penyelesaian lain melibatkan mencipta medan bentuk tersembunyi yang menyimpan keadaan semasa elemen yang dicipta secara dinamik. Apabila halaman dimuatkan, medan ini boleh digunakan untuk memulihkan elemen:

<code class="html"><input type="hidden" id="refreshed" value="no">
<script type="text/javascript">
onload=function(){
var e=document.getElementById("refreshed");
if(e.value=="no")e.value="yes";
else{e.value="no";location.reload();}
}
</script></code>

Pendekatan ini mengekalkan keadaan halaman walaupun selepas menggunakan butang belakang.

Atas ialah kandungan terperinci Bagaimana Mencegah Data Lapuk Apabila Menggunakan Butang Belakang dalam Aplikasi Satu Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!