Bagaimana saya bisa me-refresh halaman dengan jQuery
Menyegarkan halaman adalah tugas umum dalam pengembangan web, dan dapat dilakukan dengan mudah menggunakan jQuery. Baik Anda perlu memperbarui konten, mengatur ulang bidang formulir, atau memicu permintaan baru ke server, jQuery menawarkan berbagai metode untuk me-refresh halaman.
Advertisement
Dalam artikel ini, kita akan membahas tiga metode berbeda untuk me-refresh halaman menggunakan jQuery: menggunakan metode location.reload() untuk memuat ulang seluruh halaman, menggunakan fungsi setTimeout() untuk menunda pemuatan ulang, dan menggunakan AJAX untuk memuat ulang bagian tertentu dari halaman. Di akhir artikel ini, Anda akan dibekali pengetahuan untuk me-refresh halaman menggunakan jQuery dalam berbagai skenario.
Metode 1: Menggunakan location.reload()
Cara termudah untuk me-refresh halaman dengan jQuery adalah dengan menggunakan location.reload( ) metode. Metode ini akan memuat ulang halaman saat ini, termasuk setiap perubahan yang dibuat.
Untuk menggunakan metode ini, cukup sertakan kode berikut dalam skrip jQuery Anda:
$(document).ready(function(){ lokasi.reload(benar); });123$(document).ready(function(){ location.reload(true);});
Fungsi $(document).ready() memastikan bahwa halaman dimuat sepenuhnya sebelum penyegaran dipicu. Parameter sebenarnya dalam metode location.reload() memaksa memuat ulang dari server alih-alih dari cache browser.
Metode 2: Menggunakan setTimeout()
Cara lain untuk me-refresh halaman dengan jQuery adalah dengan menggunakan fungsi setTimeout(). Fungsi ini akan menunda eksekusi tindakan penyegaran untuk jumlah milidetik yang ditentukan.
Untuk menggunakan metode ini, sertakan kode berikut dalam skrip jQuery Anda:
$(document).ready(function(){ setTimeout(fungsi(){ lokasi.reload(benar); }, 5000); // 5 detik });12345$(document).ready(function(){ setTimeout(function(){ location.reload(true); },5000);// 5 detik});
Kode ini akan menunggu selama 5 detik sebelum memicu penyegaran halaman.
Metode 3: Menggunakan AJAX
Jika Anda ingin menyegarkan halaman tanpa memuat ulang seluruh halaman, Anda dapat menggunakan AJAX untuk memuat ulang bagian tertentu dari halaman. Metode ini berguna untuk memperbarui konten tanpa mengganggu pengalaman pengguna.
Untuk menggunakan metode ini, Anda dapat menyertakan kode berikut dalam skrip jQuery Anda:
$(document).ready(function(){ $("#refreshButton").klik(fungsi(){ $.ajax({ url: "HalamanAnda.php", tembolok: salah, sukses: function(html){ $("#yourDiv").html(html); } }); }); });1234567891011$(document).ready(function(){ $("#refreshButton").click(function(){ $.ajax({ url:"yourPage.php", cache:false, sukses:fungsi( html){ $("#yourDiv").html(html); } }); });});
Kode ini akan memuat ulang konten elemen yourDiv menggunakan konten yourPage.php.
Kesimpulan
Dalam artikel ini, kita membahas tiga metode berbeda untuk menyegarkan halaman dengan jQuery. Anda dapat menggunakan metode location.reload() untuk memuat ulang seluruh halaman, fungsi setTimeout() untuk menunda pemuatan ulang, atau AJAX untuk memuat ulang bagian tertentu dari halaman. Pilih metode yang paling sesuai dengan kebutuhan Anda dan terapkan di skrip jQuery.
Anda
Referensi tecadmin.com