Hai, saya mencoba 20 kode berbeda dan akhirnya menemukan satu yang cocok untuk saya. Dalam situasi saya, saya memiliki sistem pemfilteran di halaman 1. Saya memfilter hasil di halaman 1 [yang mencentang kotak filter], mengklik item dan tiba di halaman 2 [halaman item itu sendiri]. Tetapi ketika saya kembali, filter masih aktif tetapi kotak centang tidak dicentang. Yang artinya untuk menonaktifkan filter, Anda harus memeriksanya lol. Bagaimanapun saya menemukan kode ini dan berfungsi dengan baik, memuat ulang halaman 1, mengatur ulang semuanya. Saya meletakkan kode itu di header halaman 1 dan SELESAI
Semoga membantu
Pengguna854688209 dipostingCoba ini
Gunakan bidang tersembunyi untuk nilai baru di acara pemuatan tubuh. Saat halaman dimuat ulang dari
cache klien pada tombol kembali browser, acara pemuatan tubuh
akan menembak lagi. Kapan saja saat memuat halaman dimuat bahkan mendapat api. Periksa apakah telah dimuat ulang dari server atau dari
klien, menggunakan bidang tersembunyi. Jika memiliki nilai baru, gunakan
jendela. navigasi [dokumen. lokasi. href] untuk memuat ulang halaman dari server. Anda harus meletakkan body_Onload pada tag body halaman
contoh
fungsi body_Onload[]{
jika[hidIsReload. nilai. ="nilai awal"]{
jendela. navigasi [dokumen. lokasi. href];
}kalau tidak{
hidIsReload = "nilai baru"
}
}
Reload mungkin diblokir dan SECURITY_ERROR
DOMException
dilemparkan. Hal ini terjadi jika asal pemanggilan skrip location.reload[]
berbeda dengan asal halaman yang memiliki objek Location
. Lihat Kebijakan asal yang sama untuk informasi lebih lanjut
reload[]
_Tidak ada
Catatan. Firefox mendukung non-standar untuk location.reload[]
, untuk memberi tahu Firefox agar mem-bypass cache-nya dan memuat ulang paksa dokumen saat ini. Namun, di semua browser lain, parameter apa pun yang Anda tentukan dalam panggilan location.reload[]
akan diabaikan dan tidak berpengaruh apa pun
Namun, Anda mungkin menemukan contoh location.reload[true]
dalam kode yang ada yang ditulis dengan asumsi efek muat ulang paksa terjadi di semua browser. Pencarian GitHub "location.reload[true]
" menghasilkan beberapa ratus ribu hasil. Jadi ada banyak kode yang memilikinya
Sejarahnya adalah. beberapa versi Netscape Navigator menambahkan dukungan untuk itu, yang tampaknya akhirnya diambil di Firefox. Dan pada satu titik, Kelompok Kerja API Web W3C mengambil masalah untuk mempertimbangkan untuk menambahkannya ke spesifikasi untuk location.reload[]
. Namun, itu tidak pernah benar-benar ditambahkan
Jadi parameter boolean bukan bagian dari spesifikasi saat ini untuk location.reload[]
— dan sebenarnya tidak pernah menjadi bagian dari spesifikasi apa pun untuk location.reload[]
yang pernah dipublikasikan
Definisi dan Penggunaan
Metode reload[]
_ memuat ulang dokumen saat ini
Metode reload[]
melakukan hal yang sama seperti tombol muat ulang di browser Anda
Sintaksis
Parameter
Nilai Pengembalian
Dukungan Peramban
location.reload[]
_ didukung di semua browser
Saat Anda mengembangkan aplikasi seperti blog atau halaman yang datanya dapat berubah berdasarkan tindakan pengguna, Anda pasti ingin halaman tersebut sering disegarkan
Saat halaman disegarkan atau dimuat ulang, data baru apa pun akan ditampilkan berdasarkan interaksi pengguna tersebut. Kabar baik – Anda dapat menerapkan jenis fungsi ini dalam JavaScript dengan satu baris kode
Pada artikel ini, kita akan mempelajari cara memuat ulang halaman web dalam JavaScript, serta melihat beberapa situasi lain di mana kita mungkin ingin mengimplementasikan pemuatan ulang ini dan cara melakukannya
Inilah Scrim Interaktif tentang Cara Menyegarkan Halaman di JavaScript
Cara Menyegarkan Halaman di JavaScript Dengan location.reload[]
Anda dapat menggunakan metode JavaScript location.reload[]
_ untuk memuat ulang URL saat ini. Metode ini berfungsi mirip dengan tombol Refresh browser
Metode reload[]
_ adalah metode utama yang bertanggung jawab untuk memuat ulang halaman. Di sisi lain, location
adalah antarmuka yang mewakili lokasi sebenarnya [URL] dari objek yang ditautkan – dalam hal ini URL halaman yang ingin kita muat ulang. Itu dapat diakses melalui document.location
atau
Reload Page
0Berikut ini adalah sintaks untuk memuat ulang halaman
window.location.reload[];
Catatan. Ketika Anda membaca beberapa sumber tentang "memuat ulang halaman dalam JavaScript", Anda akan menemukan berbagai penjelasan yang menyatakan bahwa metode relaod menggunakan nilai boolean sebagai parameter dan bahwa
Reload Page
1 membantu memuat ulang secara paksa untuk mem-bypass cache-nya. Tapi ini bukan masalahnyaMenurut Dokumentasi MDN, parameter boolean bukan bagian dari spesifikasi saat ini untuk location.reload[]
— dan sebenarnya tidak pernah menjadi bagian dari spesifikasi apa pun untuk location.reload[]
yang pernah dipublikasikan
Browser seperti Firefox, di sisi lain, mendukung penggunaan parameter boolean non-standar yang dikenal sebagai
Reload Page
4 untuk location.reload[]
, yang menginstruksikan Firefox untuk mem-bypass cache-nya dan memuat ulang dokumen saat ini secara paksaSelain Firefox, parameter apa pun yang Anda tentukan dalam panggilan location.reload[]
di browser lain akan diabaikan dan tidak berpengaruh
Cara Melakukan Muat Ulang/Segarkan Halaman di JavaScript Saat Tombol Diklik
Sejauh ini kita telah melihat cara kerja reload di JavaScript. Sekarang mari kita lihat bagaimana Anda dapat menerapkan ini ketika suatu peristiwa terjadi atau ketika tindakan seperti klik tombol terjadi
Reload Page
Catatan. Cara kerjanya mirip dengan saat kita menggunakan
Reload Page
7Cara Menyegarkan/Memuat Ulang Halaman Secara Otomatis di JavaScript
Kami juga dapat mengizinkan penyegaran halaman setelah waktu yang ditentukan menggunakan metode
Reload Page
8 seperti yang terlihat di bawah inisetTimeout[[] => {
document.location.reload[];
}, 3000];
_Menggunakan kode di atas halaman web kami akan dimuat ulang setiap 3 detik
Sejauh ini, kita telah melihat cara menggunakan metode muat ulang di file HTML kita saat kita melampirkannya ke acara tertentu, serta di file JavaScript kita
Cara Menyegarkan/Memuat Ulang Halaman Menggunakan Fungsi Riwayat di JavaScript
Fungsi History adalah metode lain untuk me-refresh halaman. Fungsi histori digunakan seperti biasa untuk menavigasi mundur atau maju dengan meneruskan nilai positif atau negatif
Misalnya, jika kita ingin kembali ke masa lalu, kita akan menggunakan
history.go[-1];
Ini akan memuat halaman dan membawa kita ke halaman sebelumnya yang kita navigasikan. Tetapi jika kita hanya ingin me-refresh halaman saat ini, kita dapat melakukannya dengan tidak memberikan parameter apa pun atau dengan mengirimkan
Reload Page
9 [nilai netral]history.go[];
history.go[0];
Catatan. Ini juga bekerja dengan cara yang sama seperti kita menambahkan metode reload[]
ke metode
Reload Page
8 dan event click di HTMLMembungkus
Pada artikel ini, kami belajar cara me-refresh halaman menggunakan JavaScript. Kami juga mengklarifikasi kesalahpahaman umum yang menyebabkan orang meneruskan parameter boolean ke metode reload[]
Terima kasih sudah membaca
IKLAN
IKLAN
IKLAN
Pengembang Frontend & Penulis Teknis
Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih
Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai