jQuery Ajax Load() Metodu

Değerli dostlar merhabalar, Bu dersimizde jQuery load() metodumuz ile dışarıda yer alan dosyası sayfamıza dahil edeceğiz. Oldukça basit bir yöntemdir. Şimdi size kısa kısa anlatayım.

Syntax’ımız şu şekildedir  $(selector).load(URL,data,callback);

İlk örneğimiz

demo.php dosyamızı load() metodu ile sayfamızda gösterelim. Aşağıdaki kodları inceleyelim.

$(document).ready(function(){
  $("div.content").load("demo.php");
});

Yukarıdaki kodumuzun anlamı şudur; sayfamız hazır olduğunda demo.php dosyasını class’ı content olan div içerisine ekle. Dışarıda yer alan dosyamız sayfamızın içerisine dahil olmuş oluyor.

Diğer örneğimiz

Bu örneğimizde yukarıdaki işlemin aynısı yapacağız yalnız aradaki tek fark işlem başarılı mı? yoksa başarısız mı? kontrolünü yapacağız. Eğer işlem başarı ise şu işlemi yap, başarısız ise bu işlemi yap şeklinde.

$(document).ready(function(){

   $("button").click(function(){
       $("div.content").load("demo.php", function(responseTxt, statusTxt, xhr){
         if(statusTxt == "success")
           alert("Load fonksitonu başarılı şekilde çalıştı");
         if(statusTxt == "error")
           alert("Hata: " + xhr.status + ": " + xhr.statusText);
       });
   });

});

Yukarıdaki yer alan kodumuzda eğer işlem başarılı ise ‘ başarılı ‘, şeklide işlem başarısız ise ‘ hata ‘ şeklinde bize cevap verecektir.

Herkese kolay gelsin. 🙂 Diğer bir derste görüşmek üzere.

Bir cevap yazın

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

Shares