BLOG

19. Gün - jQuery Dersi 19

Tayfun Erbilen ekledi. 8 Ekim 2012 Pazartesi

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 Gözat

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

    YanıtlaSil
    Yanıtlar
    1. code beautifier özelliği nedir? Ben daha önce duymadım bile ^^

      Sil
    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ı.

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

      Sil
    4. Zen Coding mi demeye çalışıyorsunuz?;http://www.youtube.com/watch?v=Q_D7X1Y8uOA
      sublime text için nasıl yapacağın burda var: http://www.kingluddite.com/tools/zen-coding-for-sublime-text-2-st2
      tayfun derslerinde zen coding'ide gösterirsen yararlı olacaktır çok büyük bir avantaj sağlıyor yazarken

      Sil
    5. @nusu, ben normalde zen coding ile yazdığım için elim hep ona alışmış, sublime text'e bir türlü kuramadığım için öyle kullanıyordum :) Dersini hazırlamıştım zaten;
      http://www.erbilen.net/2012/08/zen-coding-eklentisi-kurulumu-ve-kullanm.html

      Sil
  2. Güzel olmuş Tayfun Abi :)

    YanıtlaSil
  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

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

      Sil
    2. o zaman mecburen önce n++ da açıp utf8-bomsuz sonra st2 de kodlama :D

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

    YanıtlaSil
    Yanıtlar
    1. Ekstra bir ayar yapmana gerek yok otomatik açılıyor.

      Sil
  5. 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:)

    YanıtlaSil
  6. 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 huseyindemir045@gmail.com

    YanıtlaSil
    Yanıtlar
    1. 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 :)

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

    YanıtlaSil

HAKKIMDA

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