Cara membat Auto Refresh Halaman Website Dengan Jquery

OK.. pada artikel kali ini admin akan membahas Cara membat Auto Refresh Halaman Website Dengan Jquery , “Auto Refresh Web Page With AJAX Technique” ,

Pada artikel ini kita akan membuat 2 buah tipe Refresh.

Refresh Kontent Otomatis dengan Data dari database
Refresh Otomatis Untuk mendapatkan Nilai Random / Acak

OK.. langsung saja.. untuk yang pertama

Refresh Kontent Otomatis Dengan JQuery

Di sini kita akan membuat file index.php. File ini adalah tempat kita menyimpan script dimana kita akan melakukan refresh konten otomatis dengan jQuery. Pada file ini kita akan memanggil file show.php secara realtime dengan durasi setiap 10 detik sekali tanpa harus melakukan refresh halaman, jadi hanya elemen tertentu saja yang di refresh ulang.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var auto_refresh = setInterval(
    function () {
       $('#load_content').load('show.php').fadeIn("slow");
    }, 10000); // refresh setiap 10000 milliseconds
    
</script>
<div id="load_content"></div>

var auto_refresh = setInterval(

function () {

$('#load_content').load('show.php').fadeIn("slow");

}, 10000); // refresh setiap 10000 milliseconds

</script>

Post Views: 590