Ajax ile sayfanın belirli kısımlarının yenilenmesi

Kategori: (Web Programlama) Yazan: admin, 02-04-2009

Etiketler : ,

Bir arkadaşımın isteği üzerine ajaxde sayfanın belirli kısımlarının yenilenmesini için kod yazdım :) . Düşünürken zorda olsa 2-3 satır kodla yapılabildiğini görmek sanırım herkesi mutlu eden bir kavramdır. Bu basit uygulama ile yapılabilecek sanırım bir çok şeyler var. Basit destek sistemi, sohbet, dinamik kullanıcı paneli vs. Şuan vaktim kısıtlı olduğundan sizlere kodların tam olarak anlatamasam da, kodları açıp baktığınızda işlemin ne kadar basit olduğunu sizde anlayacaksınız.

Gelelim bu işlemi yapan basit kod aralığımıza.

<script type=”text/javascript” src=”ajax/eyceks.js”></script>
<script type=”text/javascript”>

function yazigetir(){
JXP(0, “yazi”, “yazilar.php”, “islem=getir”);
timer1 = setTimeout(“yazigetir()”,5000);
}
</script>
</head>
<body onLoad=”yazigetir()”>

yazigetir() fonksiyonumuzla yazilar.php dosyamızdan sayfamızda yazi idli dive rastgele yazımızı yazdırıyoruz. Burada js kodu olan setTimeout(“yazigetir()”,5000); ile her 5 saniyede bir yazigetir() fonksiyonumuzu tekrar çalıştırıyoruz ve işlemin 5 saniye aralıklarla sürekli olmasını sağlıyoruz :) İşte gördüğünüz işlem bundan ibaret.

<?php

$islem = $_POST["islem"];

if($islem == “getir”){

$yazilar = array(“Deneme Yazi”, “Degisiyor”, “Rastgele Secim Yapiliyor”, “MahiriX”, “Test Deneme”, “Guzel Oldu”);

$hangisi = rand(0,count($yazilar)-1);

echo “<h3>$yazilar[$hangisi]</h3>”;
}
?>

yazilar.php dosyamızda ise yazilar değişkeninden rastgele bi yazıyı seçip ekrana bastırıyoruz. Bunun içeriği ne olacak sizin hayal gücünüze kalmış :)

Uygulamanın çalışır halini görmek için Buraya, indirmek içinde Buraya tıklayınız.

Yorumlar:

Ajax ile sayfanın belirli kısımlarının yenilenmesi yazısına 2 Yorum ”


  1. güzel bir uygulama ama jquery ile daha basit sanki :D


  2. jQueryle evet daha basit ama söyle birşey var eğer sadece ajax işlemi yapacaksanız jquery gereksiz 1000 satırdan fazla kodu yükletiyorsun sonuçta kullanıcıya bunda 100 satır aradaki fark bu ama şayet sistemde daha efektli işlemler yapıcaksan jquery vazgeçilmez. Zaten boşluk olunca birkaç jquery ile yaptıgım uygulamayıda göstereceğim.

Yorum Yazın

16 + 9 = ? (İşleminin Sonucu)