Etiket arşivi: div içerisini

Ajax ile div içerisini yenilemek

ajax

Ajax kullanarak div içeriği nasıl yenilenir?

Ajax ile div tagı içerisindeki alanı yenilemek için aşağıdaki adımları uygulayın.

Aşağıdaki örnekte index sayfamıza reload.php dosyamızı include ediyoruz, reload.php dosyamızın başına kodlarımızı ekliyoruz ve tekrar reload.php dosyasının içerisine responsecontainer adında bir div oluşturuyoruz

Bu div’in içerisine eklediğimiz içerik 4 saniyede bir yenileniyor,

Zaman aralığını değiştirmek için koddaki 4000(4sn anlamında) değerini değiştirin.

<script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2012/09/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("reload.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('reload.php&randval='+ Math.random());
}, 4000);
$.ajaxSetup({ cache: false });
});
</script>

Sayfanın bir kısmını sürekli yenilediğinizde veriler önbellekte birikiyor, tarayıcı donmaya başlıyor, bunu önlemek için de aşağıdaki kodu index dosyanızın başına ekleyin.

<?php

header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

?>