Anasayfa

jQuery ile sayfayı yenilemeden verileri ekrana bastırmak 1

İlgili Konular: Jquery & Javascript

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/
Cmt, 01/30/2010 - 16:53 tarihinde Cihan_ gönderdi

Yeni yorum veya soru gönder

Bu alanın içeriği gizlenecek, genel görünümde yer almayacaktır.
  • Glossary terms will be automatically marked with links to their descriptions. If there are certain phrases or sections of text that should be excluded from glossary marking and linking, use the special markup, [no-glossary] ... [/no-glossary]. Additionally, these HTML elements will not be scanned: a, abbr, acronym, code, pre.

  • Eklediğiniz bağlantılara rel="nofollow" eklenerek, eklediklerinizin arama motorları tarafından bu site üzerinden indexlenmesi engellenir.

  • You may insert videos with [video:URL]

Biçimlendirme seçenekleri hakkında daha fazla bilgi


CAPTCHA
Bu soru sizin gerçek bir ziyaretçi olup olmadığınızı anlamak için sorulmaktadır..
CAPTCHA resmi
Resimdeki karakterleri giriniz.