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

Bu 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. Ayrıca sayfa değişmeden farklı kaynaklardan (veritabanı, dış dosya) veri çekmek için oldukça ideal.

Uygulamayı Egoradyo’da değişen şarkı isimlerini ve online sayısını çekmek için kullandım. Dilerseniz salt örneğini şu adresten inceleyebilirsiniz.

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:

1
2
3
4
5
6
7
8
9
<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:

1
2
<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. Scriptin oldukça basit ve kolay anlaşılır olduğunu düşünüyorum.

Scripti paket halinde indirmek için (20 Kb):
Download

İlginizi Çekebilecek Diğer İçerikler

Facebook Yorumları

65 Yorum

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir