Bagaimana saya bisa menyegarkan halaman dengan jQuery

Menyegarkan halaman adalah tugas umum dalam pengembangan web, dan dapat dilakukan dengan mudah dengan jQuery. Apakah Anda perlu memperbarui konten, mengatur ulang bidang formulir, atau memicu permintaan baru ke server, jQuery menawarkan berbagai metode untuk menyegarkan halaman.

Dalam artikel ini, kita akan membahas tiga metode berbeda untuk menyegarkan halaman menggunakan jQuery: menggunakan Lokasi.Reload () metode untuk memuat ulang seluruh halaman, menggunakan setTimeout () Fungsi untuk menunda muat ulang, dan menggunakan AJAX untuk memuat ulang bagian tertentu dari halaman. Pada akhir artikel ini, Anda akan dilengkapi dengan pengetahuan untuk menyegarkan halaman menggunakan jQuery dalam skenario yang berbeda.

Metode 1: Menggunakan Lokasi.Reload ()

Cara termudah untuk menyegarkan halaman dengan jQuery adalah dengan menggunakan lokasi.metode ulang (). Metode ini akan memuat ulang halaman saat ini, termasuk perubahan apa pun yang dibuat.

Untuk menggunakan metode ini, cukup sertakan kode berikut dalam skrip jQuery Anda:

$ (dokumen).siap (function () location.Reload (true); );

123	$ (dokumen).siap (function () location.Reload (true););

Itu $ (dokumen).siap() Fungsi memastikan bahwa halaman sepenuhnya dimuat sebelum penyegaran dipicu. Parameter sebenarnya di Lokasi.Reload () Metode memaksa dimuat ulang dari server alih -alih cache browser.

Metode 2: Menggunakan setTimeOut ()

Cara lain untuk menyegarkan halaman dengan jQuery adalah dengan menggunakan setTimeout () fungsi. Fungsi ini akan menunda pelaksanaan tindakan penyegaran untuk sejumlah milidetik yang ditentukan.

Untuk menggunakan metode ini, sertakan kode berikut dalam skrip jQuery Anda:

$ (dokumen).siap (function () setTimeout (function () location.Reload (true); , 5000); // 5 detik );

12345

$ (dokumen).siap (function () setTimeout (function () location.Reload (true); , 5000); // 5 detik);

Kode ini akan menunggu selama 5 detik sebelum memicu refresh 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 memasukkan kode berikut dalam skrip jQuery Anda:

$ (dokumen).Ready (function () $ ("#refreshButton").klik (function () $.AJAX (url: "Yourpage.php ", cache: false, success: function (html) $ ("#yourDiv ").html (html); ); ); );

1234567891011

$ (dokumen).Ready (function () $ ("#refreshButton").klik (function () $.AJAX (url: "Yourpage.php ", cache: false, success: function (html) $ ("#yourDiv ").html (html); ); ););

Kode ini akan memuat ulang isi Anda elemen menggunakan isi halamanmu.php.

Kesimpulan

Di artikel ini, kami membahas tiga metode berbeda untuk menyegarkan halaman dengan jQuery. Anda dapat menggunakan Lokasi.Reload () metode untuk memuat ulang seluruh halaman, setTimeout () fungsi untuk menunda muat ulang, atau Ajax untuk memuat ulang bagian tertentu dari halaman. Pilih metode yang paling sesuai dengan kebutuhan Anda dan terapkan dalam skrip jQuery Anda.