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

Bir cevap yazın

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