Ajax ile mevcut sayfanızı yenilemeden, belirlediğiniz bir div alanının içeriğini değiştirmek çok kolay. İframe gibi bir beladan kurtaran bu yöntem ile istediğiniz sayfadan verilerinizi, kullanıcıya hissettirmeden tazeleyebilirsiniz. Örneğin index sayfanıza x sayfasından veri çektiğinizi düşünelim index sayfası ilk yüklendiğinde anında load işlemi oluşur ve ardından sizin belirlediğiniz aralıklarla sadece belirlediğiniz alan hızlı bir şekilde yenilenir.

index.php sayfası

<script>
$(document).ready(function() {
$("#istek").load("xsayfasi.php");
var refreshId = setInterval(function() {
$("#istek").load('xsayfasi.php?randval='+ Math.random());
}, 10000); // 10 saniyede bir verileri çek
});
</script>

xsayfasi.php içeriğinde sizin değişken olan bilgilerinizin yer aldığı sayfa olsun.

Yenilenen div alanını göstermek için de

<span id=”istek”></span> veya <div id=”istek”></div> şeklinde kullanabilirsiniz. Önemli olan istek adında id verilmesi…