Aslında oldukça basit. Tamamen temel programlama mantığı, jquery kodlarını bilmek yetiyor. Örnekler elbette yararlı, ancak bir işi doğru yapmak için Jquery nin fonksiyon ve paremetrelerini de bilmek gerekiyor. Böylece, "Bu işi, en hızlı ve kolay nasıl yaparım?" sorusuna bir yanıtımız olur, nerede ne kullanacağımızı bilmiş oluruz.

Özet ile örnekler ile birlikte jquery API ve fonksiyonlarıda çalışırsak kodlama fikirleri kendiliğinden doğuyor.


Aşağıdaki örnek benim sık sık kullandığım, aynı ajax kodları ile farklı dosyalara bağlanma metodumun en basit hali:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="tr">
<head profile="http://gmpg.org/xfn/11">
<title>My Web Application</title>

<!-- meta -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<!-- javascript -->
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
    $('#event_aaa').click(function(){
        sonucAl("aaa.php");
    });

    $('#event_bbb').click(function(){
        sonucAl("bbb.php");
    });

    $("#sonuc").ajaxStart(function(){
        $(this).html('<img src="yukleniyor.gif" />');
        //console.log('yukleniyor...');
    });
});

function sonucAl(dosya)
{         
    $('#sonuc').load(dosya);
    //console.clear();
    //console.log(dosya+' yuklendi');
    return false;
}
// ]]>
</script>

</head>
<body>

<a href="javascript:void(0)" id="event_aaa">aaa</a><br />
<a href="javascript:void(0)" id="event_bbb">bbb</a><br />
<div id="sonuc"></div>

</body>
</html>
Kodlama mantığı aynı php de öğrendim temel fonksiyon ve parametre verme mantığına dayanıyor. Elbette bu en basit hali, bunu Jquery GET, POST metotları ile de kullanıyorum, parametre olarak çağırılacak dosya ve parametreleri veriyorum. Örnekte sadece yüklenecek dosya yı parametre olarak verdim, her click içinde ayrı event oluşturdum.

console fonksiyonlarım firefox firebug eklentisine çıktı verir, geliştirme aşamasında çok iyi bir debug yardımcısı. Eskiden ekrana alert() ile basardık...

.