Bagaimana saya boleh menyegarkan halaman dengan jQuery

Menyegarkan halaman adalah tugas yang sama dalam pembangunan web, dan dapat dicapai dengan mudah dengan jQuery. Sama ada anda perlu mengemas kini kandungan, menetapkan semula medan borang, atau mencetuskan permintaan baru ke pelayan, jQuery menawarkan pelbagai kaedah untuk menyegarkan halaman.

Dalam artikel ini, kami akan membincangkan tiga kaedah yang berbeza untuk menyegarkan halaman menggunakan jQuery: menggunakan Lokasi.Tambah nilai() kaedah untuk memuatkan semula keseluruhan halaman, menggunakan setTimeout () berfungsi untuk melambatkan tambah nilai, dan menggunakan Ajax untuk memuatkan semula bahagian tertentu halaman. Menjelang akhir artikel ini, anda akan dilengkapi dengan pengetahuan untuk menyegarkan halaman menggunakan jQuery dalam senario yang berbeza.

Kaedah 1: Menggunakan lokasi.Tambah nilai()

Cara paling mudah untuk menyegarkan halaman dengan jQuery adalah menggunakan lokasi.Kaedah Muat semula (). Kaedah ini akan memuatkan semula halaman semasa, termasuk sebarang perubahan yang dibuat.

Untuk menggunakan kaedah ini, sertakan kod berikut dalam skrip jQuery anda:

$ (dokumen).siap (fungsi () lokasi.Muat semula (benar); );

123	$ (dokumen).siap (fungsi () lokasi.Muat semula (benar););

The $ (dokumen).siap () fungsi memastikan bahawa halaman dimuat sepenuhnya sebelum penyegaran dicetuskan. Parameter sebenar di Lokasi.Tambah nilai() kaedah memaksa tambah nilai dari pelayan dan bukannya cache penyemak imbas.

Kaedah 2: Menggunakan SetTimeout ()

Cara lain untuk menyegarkan halaman dengan jQuery adalah menggunakan setTimeout () fungsi. Fungsi ini akan melambatkan pelaksanaan tindakan penyegaran untuk bilangan milisaat tertentu.

Untuk menggunakan kaedah ini, masukkan kod berikut dalam skrip jQuery anda:

$ (dokumen).siap (fungsi () setTimeout (function () lokasi.Muat semula (benar); , 5000); // 5 saat);

12345

$ (dokumen).siap (fungsi () setTimeout (function () lokasi.Muat semula (benar); , 5000); // 5 saat);

Kod ini akan menunggu selama 5 saat sebelum mencetuskan halaman menyegarkan.

Kaedah 3: Menggunakan Ajax

Sekiranya anda ingin menyegarkan semula halaman tanpa memuat semula keseluruhan halaman, anda boleh menggunakan Ajax untuk memuatkan semula bahagian tertentu halaman. Kaedah ini berguna untuk mengemas kini kandungan tanpa mengganggu pengalaman pengguna.

Untuk menggunakan kaedah ini, anda boleh memasukkan kod berikut dalam skrip jQuery anda:

$ (dokumen).siap (fungsi () $ ("#refreshbutton").klik (fungsi () $.Ajax (url: "YourPage.php ", cache: palsu, kejayaan: fungsi (html) $ ("#yourdiv ").html (html); ); ); );

1234567891011

$ (dokumen).siap (fungsi () $ ("#refreshbutton").klik (fungsi () $.Ajax (url: "YourPage.php ", cache: palsu, kejayaan: fungsi (html) $ ("#yourdiv ").html (html); ); ););

Kod ini akan memuatkan semula kandungan Yourdiv elemen menggunakan kandungan anda.php.

Kesimpulan

Dalam artikel ini, kami membincangkan tiga kaedah yang berbeza untuk menyegarkan halaman dengan jQuery. Anda boleh menggunakan Lokasi.Tambah nilai() kaedah untuk memuatkan semula keseluruhan halaman, setTimeout () berfungsi untuk melambatkan tambah nilai, atau Ajax Untuk memuatkan semula bahagian tertentu halaman. Pilih kaedah yang paling sesuai dengan keperluan anda dan laksanakannya dalam skrip jQuery anda.