jQuery ile sayfa değişmeden alan yenileme veri çekme

Bu jquery script sayesinde tanımladığınız bir alanda belirli aralıklarla yenileme yapabilir böylelikle her defasında farklı bir içerik veya resim görüntüleyebilirsiniz.

jQuery ile sayfa değişmeden alan yenileme veri çekme

Ayrıca sayfa değişmeden farklı kaynaklardan (veritabanı, dış dosya) veri çekmek için oldukça ideal.

Scriptin kullanımı oldukça basit, yapmanız gereken ilk şey sürekli değişen verilerinizi bulunduran dosyayı (response.php) oluşturmak ve ardından uygulama yapacağınız sayfadan (index.php) çağırmak. 

Uygulama yapılacak sayfada (index.php) </head> tagından önce eklenecek kodlar:

<script src="jquery-1.3.2.min.js"></script>
<script>
 $(document).ready(function() {
     $("#responsecontainer").load("response.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer").load('response.php?randval='+ Math.random());
   }, 3000);
});
</script>

en sondaki 3000 rakamı milisaniyeyi ifade ediyor, bu rakamı çağırma sıklığınıza göre azaltıp arttırabilirsiniz.

Yine aynı dosyada <body> tagından sonra, scripti çalıştırmak istediğiniz yere eklenecek kod:

<div id="responsecontainer">
</div>

hepsi bu kadar. Artık responsecontainer id’li alanınızda sayfa değişmeden belirli aralıklarla ister sürekli değişen verilerinizi listeler, isterseniz her defasında farklı bir resim gösterebilirsiniz.

Dosyalar

Tepkiniz Nedir?

like
2
dislike
0
love
0
funny
0
angry
0
sad
0
wow
0