"Enter"a basıp içeriğe geçin

Ajax ile Sayfa Yenilemeden Div İçeriğini Değiştirmek

Ajax ile div içeriğini değiştirmek için bir kaç mevcut yöntem mevcut en kolay bir şekilde nasıl sayfa yenilemeden işlem yaptırdıktan sonra div içeriğini değiştireceğinizi göstereceğim.

Iframe gibi değişik abuk subuk belalardan kurtaracak bu yöntem. Örneğin “index.php” sayfanıza “function.php” sayfasından veri çektiğinizi düşünelim. İlk sayfa yüklendiğinde anında load (yükleme) işlemi oluşur ve daha sonrasında sizin belirlediğiniz aralıklarla hızlı bir şekilde sayfa yenilenmeden alan hızlı bir şekilde yüklenir. Peki nasıl mı?

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

“function.php” içeriğinde sizin değişken bilgilerinizin de yer aldığı sayfa olsun. Yenilemeden div alanı göstermek için de şu kodu kullanacağız;

<span id=”istek”></span> 
<div id=”istek”></div>

İsterseniz bir etikette isterseniz bir div de kullanabilirsiniz. Önemli olan kısım id kısmının istek olması yada siz ne ad verdiyseniz..

Okuyucu Puanı
[Toplam: 2 Ortalama: 5]

2 Yorum

  1. Hasan Söner Hasan Söner 6 Nisan 2019

    <a href="?durum_id=&durum=0″>

    <a href="?durum_id=&durum=1″>

    böyle bir yapıda sayfa yenilenmeden nasıl yapabilir sizin kodlarla denedim olmadı

    • Emre AKDAŞ Emre AKDAŞ 7 Nisan 2019

      Merhaba, Hasan
      Ajax kullanarak üstesinden gelebilirsin. Gelen cevaba göre anlık işlem yaparsın.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir