Tek Satır Kod ile Ajax Kullanımı

04 Ağu 2010 Çar ·6 yorum

Kendimin yazmış olduğu ve sitelerimde kullandığım AJAX fonksiyonumu kullanarak sitenizdeki gereksiz sayfa yenilemelerine son verebilirsiniz.

Ajax'ın temel mantığı istekleri sunucuya sayfayı yenilemeden göndermek. İlk olarak Google'ın kullandığı ve şu an çok popüler olan bu yöntem ile, kullanıcıların daha rahat gezebileceği siteler oluşturabilirsiniz.

Buradaki dosyayı sitenizin kök klasörüne kopyalayın ve sayfanızın <head></head> etiketlerinin arasına şu satırı yazarak çağırın.

Bu sayede sayfanızda ajax.js dosyasındaki ajaxla(); fonksiyonunu kullanabileceksiniz. ajaxla(); fonksiyonunun parametreleri şu şekilde:

ajaxla([gönderilecek değişkenler],[bekleme yazısının gösterileceği yerin id'si],[bekleme yazısı],[sunucudan çektiğimiz dosyanın gösterileceği yerin id'si],[çekeceğimiz dosya],[metod]);

Method GET veya POST olabilir. İkisinin kullanımı da aynı. Yalnız POST kullanacaksanız ? kullanmanyacaksınız.

Örnek Kullanım:

Örneğimizde linke tıklandığında "Merhaba AJAX" yazısını id'si "yazi" olan div elementine yazdıracağız. "Merhaba AJAX" yazısını GET ile gönderelim. Not: Kullandığınız PHP sunucunun açık ve çalışıyor olduğundan emin olun.

HTML dosyası içeriği:

<a href="javascript:void(0)" onclick="ajaxla('?metin=Merhaba AJAX','yazi','Bekleyiniz...','yazi','merhaba.php','GET');">Yazıyı getir</a>

PHP dosyası içeriği (merhaba.php):

<? echo $_GET["metin"]; ?>

Burada bekleme sırasında gösterilecek metin ile sunucudan gelen yanıtı aynı yerde gösterdim. Sunucudan yanıt geldiğinde "Bekleyiniz..." yazısı otomatik olarak kaybolacaktır.

Eğer POST metodu ile göndermeyi seçseydik linkimiz ve PHP dosyamız şu şekilde olacaktı.

HTML dosyası içeriği:

<a href="javascript:void(0)" onclick="ajaxla('metin=Merhaba AJAX','yazi','Bekleyiniz...','yazi','merhaba.php','POST');">Yazıyı getir</a>

PHP dosyası içeriği (merhaba.php):

<? echo $_POST["metin"]; ?>

Birden fazla değişlen göndermek için değişkenlerin arasına & işareti koyabilirsiniz. Örneğin;

ajaxla('metin1=Merhaba&metin2=AJAX','yazi','Bekleyiniz...','yazi','merhaba.php','POST');

PHP dosyanızda da gönderdiğiniz değişken ismine ve türüne göre değiişiklikler yapmak durumundasınız.

Örnek dosyayı indirmek için tıklayın.

6 Yorum Var

delice demiş ki

09 Mayıs 2012, Çarşamba

Hocam lütfen yardım eder misiniz.Kod çok güzel fakat benim şöyle bir sıkıntım var:
Diyelim ki benim 3 tane php sayfam var.
sayfa1.php
sayfa2.php
sayfa3.php
Vermiş olduğunuz bu kod ile bunları index.php nin bir köşesine yazdıracağım.Yaptım olduda.Yalnız index.php ye girince bu kısım tamamen boş çıkıyor.Sadece linklere tıklayınca içerik ile dolmaya başlıyor.
Benim istediğim index.php ye ilk girdiğimde burada sayfa1.php nin içeriği görünsün.Daha sonra linklere tıklayınca tıklanan linklerin sayfa içeriği görünsün.
Koda ihtiyacım var düzenleme yapıp yazabilir misiniz ?

Ahmet Soyarslan demiş ki

19 Mayıs 2012, Cumartesi

PHP deki include() fonksiyonu ile sayfayı index.php dosyanıza çağırabilirsiniz.

sedat demiş ki

15 Şubat 2012, Çarşamba

Hocam merhabalar bu linki yeni gördüm fakat galiba daha öncelerden konulmuş bir yazı. Bu indirilen dosyayı şuan kontrol ettim, fakat çalışmıyor. Bir daha kontrol edermisiniz

Ahmet Soyarslan demiş ki

16 Şubat 2012, Perşembe

Kontrol edip kısa zamanda sizi bilgilendireceğim.

yunus dirican demiş ki

30 Aralık 2010, Perşembe

çok teşekkürler

yunus dirican demiş ki

16 Aralık 2010, Perşembe

hocam bu şekilde javascript kodları çalışmıyor sebebi nedir acaba

Ahmet Soyarslan demiş ki

16 Aralık 2010, Perşembe

Ajax ile getirdğiniz sayfada hemen çalışacak kodlar var ise çalışmaz.

Jquery'nin Ajax fonksiyonunu kullanmanızı öneririm.