19. Gün – jQuery Dersi 19

On dokuzuncu jQuery dersimizda aşağıdakileri öğrendik;
– jQuery $.ajax Metodu
– jQuery ajaxStart, ajaxStop, ajaxComplete, ajaxSuccess, ajaxSetup Metodları
– jQuery Ajax Üye Ekleme Uygulaması

$.ajax Metodu Kullanımı;

$.ajax({
	// parametreler gelecek..
});

Girebileceğimiz belli başlı parametreler;
– url = Ajax dosyasının yolu
– type = Gönderim timi (post – get)
– data = Gönderilecek veriler
– dataType = Gelen içeriğin tipi
– success = Ajax isteği başarıyla tamamlanınca çalışır ve verileri alırız.
– error = Bir hata oluştuğunca bu parametre ile yakalayıp işlem yaparız.
– statusCode = Hata kodlarına göre işlem yapmamızı sağlar.
Daha fazlası için: http://api.jquery.com/jQuery.ajax/

Yardımcı Ajax Metodları;
ajaxSetup() = Değişmeyecek ajax parametrelerini bu yardımcı metodda tanımladığımız taktirde, her ajax isteği için aynı şeyleri yazmamış oluruz..

$.ajaxSetup({
	type: "post",
	url: "ajax.php",
	dataType: "json"
});

ajaxStart() = Ajax isteği başladığında çalışan metoddur.
ajaxStop() = Ajax isteği bittiğinde çalışan metoddur.
ajaxComplete() = Ajax isteği başarılı/başarısız tamamlandığında çalışan metoddur.
ajaxSuccess() = Ajax isteği başarıyla tamamlandığında çalışan metoddur.
ajaxError() = Ajax isteğinde hata olduğunda çalışan metoddur.

$("#loader").ajaxStart(function(){
	$(this).fadeIn(); // ajax isteği başlayınca göster
}).ajaxComplete(function(){
	$(this).fadeOut(); // ajax isteği bitince gizle
});

İlk Ajax Örneğini İndirin;
http://yadi.sk/d/Tv2R6rHa05P6Y

Ajax Üye Ekleme Örneğini İndirin;
http://yadi.sk/d/Kns-mNee05PBC

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“19. Gün – jQuery Dersi 19” üzerine 22 yorum

  1. Anlatımına koduna sağlık Tayfun. Bende Mac'e yeni geçenlerdenim. Sublime text kullanıyorum yalnız code beautifier özelliğini bulamadım. o konuyu nasıl çözebilirim.

  2. Hani anlatımlarda kodlarımız güzel dursun , 1 tab yapalım , içindekilerede 1 er tab yapalım düzenli dursun diyorsunya. işte onun programatik hiyerarşiye göre yapımı.

  3. çok teşekkür ediyorum tayfun abi bu arada st2 de n++ daki gibi kodlama ayarlarını nerede nyapıyoruz yani utf-8 bomsuz olarak kodlamayı flana

  4. Kardeş eline koluna ğzına sağlık çok güzel olmuş tüm dersler. Bu arada Sublime Text 2 programında kodların otomatik açılmasını nasıl sağlıyoruz bi yardımcı olursan sevinirim…

  5. Zaten otomatik öyle oluyor? Herhangi bir ayar yapmaya gerek yok ki

  6. Bilemiyorum onu bende bulamadım.. Ancak zaten utf-8 otomatikman.. ansi olmuyor (: ya da ben yapamadım ^^ hoş zaten ansi ile işimizde yok.

  7. o zaman mecburen önce n++ da açıp utf8-bomsuz sonra st2 de kodlama 😀

  8. allah herşeyi gönlünce yapsın kardeşim, sayende oldukça faydalı bilgiler öğreniyoruz.allah ilmini artırsın.bu faydalı bilgileri böyle paylaşman çok güzel.ağzına sağlık:)

  9. selamün aleyküm tayfun kardeş gerçekten tüm anlatımların için hepsine ayrı ayrı teşekkür ediyorum.
    Allah herşeyi gönlüne göre versin ayrıca size daha önceki php anlatımlarından dil sistemi hakkında bir sorum olacak tı .Anlattığınız php dil sistemine arapça dilini dahil etmek istiyorum. ama biliyorsunuz arapça metin yönü sağdan sola ve alfabe arap alfabesi biz dil klasöründe ve arapca.php sayfasında bunu nasıl halledebiliriz.
    saygılar [email protected]

  10. Hocam arap alfabesini php dosyasına yazdığınızda doğru sonuç çıkıyor mu? Çıkıyorsa sorun yok demektir, ama tabi eğer arapça dili seçilmişse şu css kodunu çalıştırmanız gerekiyor;
    body {
    direction:rtl;
    }

    Böylece yazım yönü değişecektir, arapça için geliştirilen bir şey bu zaten 🙂

  11. severek izliyorum sizi Erbilen, gerçekten severek izliyorum. Şuan daha css üzerinde uzmanlaşma ile uğraşıyorum ondan sonra js, jquery 'e geçeceğim. Teşekkürler emekleriniz için.

  12. Abi sana bi sorum olacak şimdi bu ajaxStart, ajaxStop muhabbeti varya şimdi benim birden çok ajax isteğim bu start, stop olayını ozaman nasıl hallederim her ajax isteğim için start stop yapıcam mesela bu konuda bi bilgin varmı şimdiden teşekkürler.

  13. Semih,
    Bu metotları bir kez tanımlaman yeterli.. Sen her ajax isteği için ayrı mı tanımlamak istiyorsun?

  14. ajax içinde json metodunu kullanmak çok kolaylık sağlıyor az önce baktım da bir ton if else oluşturmuştum jquery içerisinde json ile daha çok kolaylık sağladı teşekkür ederim 🙂

  15. Senin şu ders anlatımlarında ki mantığına gerçekten hayranım. Olabilecek hertürlü yöntemi ve anlatımı karşılaşılabilecek durumları tek tek anlatman göstermen gerçekten güzel derslerin devamını bekliyoruz

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir