Bildiğiniz gibi jQuery bir çok javascript işlemini daha basit ve anlaşılır hale getirmiş bir kütüphanedir. AJAX’ta javascript’in en büyük nimetlerinden biri olduğu için, en ünlü kütüphanelerde olduğu gibi jQuery içindeki yerini almıştır. Proje geliştirebilmek için öncelikle web sayfalarınıza kütüphanenin son sürümünü sitesinden indirerek dahil etmelisiniz.Şimdi bir örnek verelim;
$.ajax({type: “POST”,url: “http://google.com”,data: “q=kodaman&deneme=abcd”,success: function(mesaj){alert(mesaj);}});
type nesnesi, yapacağınız isteğin yollanma türüdür. Nasıl ki html formlarda veri gönderimi yapabiliyorsak, ajax ile de yapacağımız talebin yanında çeşitli değişkenleri sunucuya gönderebiliyoruz.url nesnesi fark ettiğiniz gibi hangi adresten bilgi çekeceğimizi tutar.data nesnesi de az önce belirttiğimiz gibi yapacağımız isteğin yanında çeşitli değişkenler iletmemizi sağlıyor. Dizilimi tıpkı adres satırlarında gördüğümüz gibi olmalıdır. Bu dizilim şekline rağmen POST metodunu da type nesnesinde referans ederek kullanabiliyoruz. isterseniz ekstradan bir fonksiyon üretin. Bu fonksiyon ile hedef gösterdiğiniz bir forma erişin ve içeriğindeki tüm veri giriş alanlarındaki verileri ve isimlerini toplayıp bir değişkende get metoduna uygun bir şekilde bir araya getirin. İşte size formun ajax ile iletime uygun hali! Bu şekilde sayfayı gönderilmeden form gönderim işleri yapılmaktadır.success nesnesi de hedef gösterdiğimiz sayfaya sorunsuz ulaştığımızda işlemler yapabilmemiz sağlamaktadır. biz success olayına bir fonksiyon yazdık. jQuery yaptığımız istek sonucunda sunucu tarafından yollanan verileri, yazdığımız bu fonksiyonun argüman tüneline yolladı. Biz de fonksiyonumuz içerisinden argümana ulaşarak uyarı kutusunda gelen datayı gösterdik.