jQuery ile sayfayı yenilemeden verileri ekrana bastırmak 1

İlgili Konular: Jquery & Javascript Tarih : Cmt, 01/30/2010 - 16:53 - Cihan_

jQuery ile sayfaya refresh atmadan 3 satır kodla verileri ekrana bastırabilirsiniz. Yapıcağımız işlem çok basit önce jQuery’nin güzel özelliklerinden biri olan $.get() fonksiyonu ile verileri çağıracağız daha sonra ise window.setInterval() fonksiyonu ile bunları ekranda belli zaman aralıklarıyla refresh ediceğiz.

Resfresh diyorum fakat bu refresh sadece sayfanın belli bir bölümünde gerçekleşecek yani window.setInterval() fonksiyonuz aslında bir timer gibi çalışacak.

Şimdi kodlara bakalım;

//jQuery'i sayfaya dahil ettiğinizi varsayıyorum.

function veriler(){

$.get("test2.html",function(data){ jQuery('#veri').html(data); }); //test2.html sayfasındak verilerimizi aldık ve id değeri veri olan div'e bastırdık. aslında henuz bastırmadık şuan sadece bir fonksiyon.

}

window.setInterval("veriler()",3000); // Burada ise veriler() isimli fonksiyonu 3 saniyede bir çağırmasını istedim işte şimdi test2.html sayfasının içeriğini bastırdık.

Sayfanın tamamı;

<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script language="javascript">
function veriler(){
$.get("test2.html",function(data){ jQuery('#veri').html(data); });
}
window.setInterval("veriler()",1000);
</script>
</head>
<div id="veri"></div>

Alıntıdır: codersstuff.com/jquery-ile-sayfayi-yenilemeden-verileri-ekrana-bastirmak/

Son yorumlar

Etiket

Yararlı Bağlantılar

Benzer Paylaşımlar

jQuery ile sayfayı yenilemeden verileri ekrana bastırmak 1

Yorumlar

Yeni yorum veya soru gönder