Çileli Yazılım ve Web Teknolojileri

AJAX’la Canım AJAX’la

Öncelikle AJAX’ın deterjan markası olduğunu düşünenler için kısa bir giriş yapalım. Açılımı “Asynchronous JavaScript and XML” olan bu teknoloji sayesinde XMLHTTPRequest objesini kullanarak web sunucusuna eşzamansız istek gönderip cevap alabiliyoruz.

Bu işlem arka planda yapıldığından istek gönderimi ve cevaplama işlemi sırasında tüm sayfanın yeniden yüklenmesine gerek kalmıyor. Günümüzde, sunucuya dosya yükleme, alış veriş sitelerinde sepet güncelleme, eş zamanlı form kontrolleri gibi işlemler için AJAX kullanmak artık bir lüks değil zorunluluk halini aldı.

Zamanla AJAX’ın etkin kullanımı, gidip gelen isteklerin doğru ve kontrollü bir biçimde akışını sağlamak için AJAX framework’ler yazıldı. İnternette araştırırsanız SAJAX, XAJAX, Tigermouse gibi daha yaygın olarak kullanılan framework’lere ulaşabilirsiniz. Ben ise XAJAX’ı gözüme kestirdim (Nuri Alço hesabı).

Şimdi XAJAX ile basit bir eşzamansız isteğin nasıl yapılacağına kısaca bakalım. Sayfamızda bir DIV etiketimiz olsun ve buraya bir linke tıklandığında PHP fonksiyonumuzu çağırarak “Hadi lan” yazdıralım. “Merhaba Dünya”dan ve “$foo->foobar”dan fena halde sıkıldığınızı biliyorum.

  1. <div id="kutu"></div>

Bölmemizi oluşturduktan sonra PHP ile bir yazdırma fonksiyonu yazıyoruz:

  1. function yazdir($metin) {
  2. echo $metin;
  3. }

Şimdi içeriği DIV’e aktaracak olan PHP fonksiyonunu yazıyoruz:

  1. function yazdirAjax($metin) {
  2. $cevap=new xajaxResponse();
  3. $cevap->assign(‘kutu’, ‘innerHTML’, yazdir($metin));
  4. return $cevap;
  5. }

HTML sayfamıza XAJAX’ın çekirdek dosyasını dahil ediyoruz:

  1. require_once("xajax_core/xajax.inc.php");

XAJAX istemci objesini yaratıyoruz ve kullanacağımız fonksiyonu tanımlıyoruz:

  1. $xajax = new xajax();
  2. $xajax->registerFunction(‘yazdirAjax’);
  3. $xajax->processRequest();

HTML sayfamızın HEAD etiketleri arasına framework’ün oluşturduğu JavaScript kodlarının yazdırılmasını sağlıyoruz:

  1. $xajax->printJavaScript();

Son olarak sayfamıza kullanıcının tıklayacağı bağlantıyı oluşturuyor ve OnClick olayında XAJAX fonksiyonunu çağırmasını sağlıyoruz:

  1. <a href="#" onClick="xajax_yazdirAjax(’Hadi lan’);">
  2. Sakın Tıklama!
  3. </a>

Normal şartlar altında bu kodun çalışması gerekir; çalışmazsa da sizin suçunuzdur. Kodu dallandırıp budaklandırdım ki normal PHP fonksiyonları ile XAJAX’ı kullanan fonksiyonlar birbirini nasıl çağırıyor görüp ibret alın diye.

  1. 1 yorum yapılmış:

  2. JaMaL | 22 Mart 2008 | Cevapla

    AJAX müthiş bir altyapı. POST olayını felan ortadan kaldırıyor :)

Siz ne düşünüyorsunuz?