Jquery ile Div etiketini otomatik yenileme

PHP JavaScript jQuery / Ajax

Merhaba değerli okurlarımız, bugün Jquery ile belirlediğimiz bir div etiketinin içini saniyede bir otomatik olarak yenileteceğiz. Bu uygulamayı örenğin bir kur çekme işleminde kullanabilirsiniz. Zaten uygulamamız gayet basit, sizi fazla tutmadan aksiyonlarımızı alalım.

index.php ve record.php adlı iki dosya oluşturalım.

index.php içine JavaScript kodlarmızı yazalım

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
	libs/jquery/1.3.0/jquery.min.js"></script>
	<script type="text/javascript">
	var auto_refresh = setInterval(
		function ()
		{
			$('#load_news').load('record.php').fadeIn("slow");
		}, 1000); // 10000 = 10 Saniye | 1000 = 1 Saniye

		</script>

		<div id="load_news"> </div>

record.php içine ise saniyede bir güncellenmesini istediğimiz verileri oluşturalım.

$array = ['Emin = 80 Puan', 'Ahmet = 50 Puan', 'Mehmet = 30 Puan'];

foreach ($array as $item) {
  echo $item;
  echo '<br>';
}

işte bu kadar, artık record.php içindeki verileri istediğimiz div etiketinin içine otomatik olarak getirilmesini sağlamış olduk.


Yorumlar (0)