Cara menggunakan penyegaran berjadual jquery

jQuery ialah perpustakaan JavaScript yang biasa digunakan yang boleh membantu pembangun mengendalikan dokumen HTML dengan lebih mudah, mengendalikan acara, mencipta animasi, melaksanakan permintaan tak segerak, dsb., manakala muat semula berjadual ialah fungsi yang membolehkan halaman web dimuat semula secara automatik dalam keadaan tertentu. Artikel ini akan memperkenalkan cara menggunakan muat semula berjadual dalam jQuery.

1 Gunakan fungsi setInterval

setInterval ialah fungsi pemasa biasa dalam JavaScript. Ia boleh berulang kali melaksanakan blok kod yang ditentukan pada selang masa yang dipilih fungsi. Apabila menggunakan jQuery untuk muat semula berjadual, kita boleh menggunakan fungsi setInterval untuk mencapai tujuan ini.

Berikut ialah contoh mudah yang mendapat data daripada pelayan setiap 1 saat:

setInterval(function(){
   $.get("data.php", function(result){
      // 在此处处理返回结果
   });
}, 1000);

Kod ini mentakrifkan fungsi yang berjalan setiap 1 saat, Ia menggunakan fungsi $.get jQuery untuk mendapatkan kembalikan hasil data.php dan pindahkan hasilnya ke fungsi panggil balik. Dalam fungsi panggil balik, kami boleh memproses hasil, seperti mengemas kini elemen HTML atau mencipta animasi, dsb.

2. Gunakan fungsi setTimeout

Fungsi setTimeout sangat serupa dengan fungsi setInterval, tetapi ia hanya akan melaksanakan blok kod yang ditentukan sekali selepas masa yang ditentukan. Jika kita perlu mensimulasikan kesan penyegaran berjadual, kita boleh menggunakan fungsi setTimeout untuk melaksanakan pemasa yang dilaksanakan dalam gelung.

Berikut ialah contoh mudah:

function refreshData(){
   $.get("data.php", function(result){
      // 在此处处理返回结果
      setTimeout(refreshData, 1000); // 每隔1秒钟再次刷新
   });
}

$(document).ready(function(){
   refreshData(); // 初始运行
});

Kod ini mentakrifkan fungsi bernama refreshData, yang akan melaksanakan sendiri berulang kali selepas memperoleh data. Apabila halaman kami dimuatkan, kami memanggil fungsi refreshData, yang akan mula berjalan dan memuatkan semula data secara automatik setiap 1 saat.

3. Gunakan fungsi muat jQuery

fungsi beban jQuery boleh membantu kami mengemas kini elemen HTML secara tidak segerak, seperti elemen div terbenam. Berbeza dengan fungsi dapatkan dan siarkan, fungsi muat boleh memuatkan URL yang ditentukan secara terus Jika URL yang ditentukan tidak mempunyai sebarang parameter, ia sama dengan memuatkan semula URL setiap kali.

Berikut ialah contoh:

$(document).ready(function(){
   setInterval(function(){
      $("#myDiv").load("data.php"); // 每隔5秒钟重载数据
   }, 5000);
});

Kod ini menggunakan fungsi beban jQuery, yang mendapatkan data daripada pelayan dan memasukkan data HTML yang dikembalikan ke dalam elemen myDiv. Dalam contoh ini, kami menggunakan fungsi setInterval untuk memuat semula data secara automatik setiap 5 saat.

4. Ringkasan

Apabila menggunakan jQuery untuk penyegaran berjadual, kita boleh memilih untuk menggunakan fungsi setInterval, fungsi setTimeout atau fungsi beban jQuery. Muat semula berjadual boleh membantu kami mencapai kesan mengemas kini data secara automatik atau mengemas kini halaman secara dinamik, tetapi ia perlu digunakan dengan berhati-hati kerana ia akan menduduki sumber pelayan dan memperlahankan kelajuan pemuatan tapak web. Jika anda perlu menggunakan muat semula berjadual, sila optimumkannya untuk mengelakkan beban yang tidak perlu kepada pengguna.

Atas ialah kandungan terperinci Cara menggunakan penyegaran berjadual jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!