jQuery .ajaxComplete() Metodu

jQuery .ajaxComplete() metodu sayesinde uyguladığınız ajax işlemlerinin tamamlandığı an itibariyle olayı yakalamanızı sağlar

.ajaxComplete() yönteminin işleyişi ile ilgili bir örnek.
jQuery Kod 1
        jQuery(document).ready(function () {
            // butona tıklanırsa
            jQuery("button").click(function () {
                // ".sonuc" adlı yere "ajax.txt" içeriği yazdırılacak
                $(".sonuc").load("ajax.txt");
            });
            jQuery(document).ajaxStart(function () {
                // ajaxStart() (ajax başladığında) "yukleniyor" görünecek
                jQuery(".yukleniyor").css("display", "block");
            });
            jQuery(document).ajaxComplete(function () {
                // ajaxComplete() (ajax bittiğinde) "yukleniyor" kaybolacak
                jQuery(".yukleniyor").css("display", "none");
            });
        });
Html Kod 1
<div class="yukleniyor"></div>
<br />
<div class="sonuc"></div>
<br />
<button>Buton</button>
CSS Kod 1
.yukleniyor{display:none;background:url('../images/yukleniyor.gif') no-repeat center center;height:32px;}
.sonuc{padding:3px;}
Örnek
Yükleniyor
Sonuç burada görüntülenecek

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum