Cara Memuat Ulang Halaman dengan JavaScript

Terkadang halaman perlu dimuat ulang setelah suatu aksi, misalnya setelah menyimpan data atau memperbarui pengaturan agar perubahan terlihat. Artikel ini membahas cara memuat ulang halaman di JavaScript.

Metode location.reload()

<script>
location.reload();
</script>

Contoh Kasus: Muat Ulang Setelah Konfirmasi

<script>
function hapusData() {
    if (confirm("Yakin ingin menghapus?")) {
        // ... proses hapus ...
        location.reload(); // segarkan tampilan
    }
}
</script>

Contoh Kasus: Tombol Segarkan Data

<button onclick="location.reload()">Muat Ulang Data</button>

Alternatif Modern: Perbarui Tanpa Reload

Memuat ulang seluruh halaman terasa lambat dan mengganggu. Untuk aplikasi modern, memperbarui sebagian data dengan AJAX (fetch) jauh lebih mulus daripada reload().

Kesalahan Umum

• Memanggil location.reload() di dalam kondisi yang selalu benar, menyebabkan halaman memuat ulang tanpa henti.
• Mengira reload(true) masih diperlukan — browser modern menanganinya otomatis.

Kesimpulan

Gunakan location.reload() untuk memuat ulang halaman, misalnya setelah menghapus atau menyimpan data. Namun untuk pengalaman lebih mulus, pertimbangkan memperbarui data dengan AJAX daripada memuat ulang seluruh halaman.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Mengambil URL Halaman Saat Ini dengan JavaScript
• Cara Memeriksa Variabel Undefined di JavaScript
• Cara Memeriksa Apakah Variabel Berupa Array di JavaScript