10 dakikada Xajax öğrenin

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.

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 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>

     

        //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> ?>

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yorum ve görüşlerinizi bekliyorum...
$xajax->printJavascript("xajax"); olması gerekiyor sizin verdiğiniz şekilde yani $xajax->printJavascript(); şeklinde yazdığımda hata verdi
<?php $xajax->printJavascript(); ?> doğru olan kullanımıdır. her yerde çalışıyor kodlar. Yazdığınız kodları tekrar gözden geçirin
Tabiki çözülebilir. yukarıdaki fonksyon içerisine gönderilen il değerine göre db den ilçeleri çeken ve bu verileri listboxun içine yerleştiren bir kod yazarsın sonra da $objResponse->assign("eleman_id","innerHTML",$icerik); olarak gönderirsin hepsi bu
çalışmıyor.. iki yerde paranteez hatası vardı onları kapattım bu seferde aşağıdkai hatayı verdi. Output has already been sent to the browser at C:xampphtdocsajaxajax121.php:9. Please make sure the command $xajax->processRequest() is placed before this.

Yukarı Git