Jquery Load Kullanımı

Jquery Load ile belirlediğimiz elementin içerisine codebehind’dan gelen kodları gömer. Jquery ajaxtan farkı direk gelen verileri elemente yazar, ajax get methoduyla ise verileri alıp js tarafında işleyebiliriz..

$("#jqRadialGaugeMonth").load("Home/_CompensationCalendarStatic", function (responseTxt, statusTxt, xhr) {
if (statusTxt == "success")
alert("Başarılı giriş yaptınız");
if (statusTxt == "error")
alert("Hata: " + xhr.status + ": " + xhr.statusText);
});

jQuery load() fonksiyonunu kullanmak gayet basittir ama önemli bir AJAX metodudur.Load fonksiyonu ile aynı sunucuda olmak şartı ile sayfa dışında başka bir sayfadan verileri çekebilirsiniz ve istediğiniz gibi bir HTML elementi içine yükleyebilirsiniz.Dışarıda ki bu sayfalar text dosyası olabileceği gibi normal bir HTML ya da PHP sayfası da olabilirler.
Load() metodu 3 adet parametre alır.Aşağıda ki gibi bir kullanımı söz konusudur.

$(selector).load(URL,data,callback);

Şimdi Load fonksiyonun aldığı bu parametreleri inceleyelim:
URL:Yüklenecek verinin adresini tutan bir parametredir.Bu parametre ‘veri.txt’,’forum.php’,’hakkimizda.html’ gibi uzantılara sahip olabilir.Kullanımı ise aşağıda ki gibi olacak.

$(selector).load('veri.txt');

data:Yüklenecek sayfanın içinde istediğimiz bir değeri çekebilmek için bir değer gönderebiliriz.İsteğe bağlı olarak kullanılabilir.Mesela makale.html adında bir sayfanız olsun.

Test deneme text içeriği

Bu sayfa içinde sadece id değeri baslik olan nesne içinde ki verileri almak istiyorsak Load metodunu şu şekilde kullanmanız gerekecek.Yani sayfa içinde istediğimiz bir kısmı almak için kullanılabilir.

$(selector).load('makale.html #baslik');

callback:İstenilen veriler yüklendikten sonra çalışmasını istediğimiz fonksiyon.İsteğe bağlı olarak kullanılabilir.Mesela veriler alındıktan sonra bittiğine dair uyarı aldırabilirsiniz.Kullanımı şu şekilde olacak.

$(selector).load('makale.html', function() {
  alert('load işlemi bitti.');
});

Burada dikkat edilecek bir konu daha var.Her seferinde Load işlemi başarılı bir şekilde bitmeyebilir.Yani load işlemi hatalı bir şekilde de bitebilir.Onun için burada ayrıntılı bir bilgi alamaya çalışalım.

$(selector).load('makale.html', function(responseTxt,statusTxt,xhr) {
  if(statusTxt=="success")
      alert("Yükeleme işlemi bitti ve veriler yüklendi");
    if(statusTxt=="error")
      alert("Hata: "+xhr.status+": "+xhr.statusText);
});

Uyarılar:
Eğer İnternet Explorer da hata alırsanız URL parametresi yerine dosyanın tam adresini yazmayı deneyin.Load metodu uzak sunucudan veri çekemez.Çekeceğiniz verilerin aynı sunucuda olması gerekir.Yada çalıştıracağınız kodları masaüstünde değilde herhangibir server üzerinde çalıştırın.En basiti localhost olabilir

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s