1.923 kez okundu

10 dakika da nasıl ajax öğrenebilirim

10 10 1.923 kez okundu incelendi

PHP’nin xajax kütüphanesi sayesinde çok basit bir şekilde ajax uygulamaları geliştirebilirsiniz. Bu desimizde xajax’ın nasıl kullanıldığını öğreneceğiz.

xajax web projelerenize kolayca entegre edebileceğiniz bir ajax kütüphanesidir. Php kodlarıyla fonksyonlar oluşturarak çok kolay bir şekilde ajax uygulamaları oluşturabilirsiniz. Üstelik iyi derecede JavaScript bilginizin olmasına bile gerek yok.

Dersimize başlamadan önce xajaxproject adresinden 0.5 RC 2 Full dosyasını indirip klasörün içinden çıkan dosyaları uygulamamızı oluşturacağımız dizine atıyoruz.
Şimdi 7 adımda bunu kolayca gerçekleştirelim

1. xajax kütüphanesini ekliyoruz:

require_once("xajax.inc.php");

2. Yeni bir xajax nesnesi oluşturuyoruz.

$xajax = new xajax();

3. fonksyonumuzun adını önce xajax tarafından çağırılmak üzere kaydediyoruz.

$xajax->registerFunction("fonksyonum");

4. kaydettiğimiz fonksyonumuzu oluşturuyoruz.

function fonksyonum($deger)
{
//belirlediğiniz alanda gösterilecek içeriği $icerik değişkenine aktarıyoruz
$icerik="\$deger degişkeninin değeri: ".$deger;
//xajaxResponse nesnesi oluşturuluyor.
$objResponse = new xajaxResponse();
// id="eleman_id" olan elemanın özelliklerini ve göstereceği içeriği tanımlıyorz
$objResponse->assign("eleman_id","innerHTML",$icerik);
//xajaxResponse nesnesini gönderiyoruz.
return $objResponse;
}

5. Sayfamızın içeriğini girmeden önce scriptlerimizin başına bunu ekliyoruz. Burada dikkat etmemiz gereken şey buraya kadar yaptıklarımızın arasına <?php ?> taglarından çıkarak html içeriği girmemek yani diğer anlamda bu satırları sayfanın en başına eklemek aksi taktirde processRequest çalışmayacaktır. Bu kodalardan önce bir boşluk karakteri dahi olsa bu geçerlidir.

$xajax->processRequest();

6.taglarınızın arasına Javascript kodlarını oluşturacak fonksyonu ekliyoruz

<?php $xajax->printJavascript(); ?>

7. Uygulamamıza bir buton birde div tagı ekleyerek buton içerisinden fonksyonumuzu çağırarak id=”eleman_id” olan div alanında sonuçlarımızı gösteriyoruz.

<input type="button" value="Çalıştır" onclick="xajax_fonksyonum('Çalışıyor!');">
<div id="eleman_id"></div>

Son olarak çalışan uygulamamızı aşağıda görebilirsiniz.

<?php
require_once("xajax_core/xajax.inc.php");
$xajax = new xajax();
$xajax->registerFunction("fonksyonum");
function fonksyonum($deger)
{
$icerik="\$deger degişkeninin değeri: ".$deger;
$objResponse = new xajaxResponse();
$objResponse->assign("eleman_id","innerHTML",$icerik);
return $objResponse;
}
$xajax->processRequest();
?>
<html>
<head>
<title>XAJAX KÜTÜPHANESİ</title>
</head>
<body>
<?php
//JavaScript  kodların oluşturulacağı fonksyonu çağırıyoruz
$xajax->printJavascript();
?>
<input type="button" value="Çalıştır" onclick="xajax_fonksyonum('Çalışıyor!');">
<div id="eleman_id"></div>
</body>
</html>
Paylaş !

1 Yorum yapıldı “10 dakika da nasıl ajax öğrenebilirim”

  1. Yusuf Ali Bozkır dedi ki:

    Gerçekten güzel bir makale olmuş. Kendi adıma teşekkür ediyorum..

Yorum yap

Önceki yazıyı okuyun:
Asp.net de Ajax Accordion Nesnesinin Kullanımı

Ajax Toolkitle gelen Accordion nesnesinin kullanımını anlatmaya calısacagım. Toolboxtaki bu nesne sayesinde sayfalarımızda güzel menüler oluşturabiliriz..

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter