jQuery ajax - getJSON() yöntemi

jQuery Ajax İpuçları Kılavuzu

Örnek

AJAX istekleri kullanarak JSON verilerini elde edin ve sonuçları çıktıya alın:

$("button").click(function(){
  $.getJSON("demo_ajax_json.js",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    );
  );
);

Kişisel olarak deneyin

Tanım ve Kullanım

HTTP GET istekleri ile JSON verileri yüklenir.

jQuery 1.2'de, diğer alan adlı JSON verilerini JSONP tarzı geri çağrı fonksiyonları kullanarak yükleyebilirsiniz, örneğin "myurl?callback=?". jQuery, geri çağrı fonksiyonunu çalıştırmak için ?'yi doğru fonksiyon adı ile değiştirir. Dikkat: Bu satırdan sonraki kod, geri çağrı fonksiyonu çalışmadan önce çalıştırılır.

Sözdizimi

jQuery.getJSON(url,Sunucuya gönderilen veri, URL'nin sonuna sorgu dizgesi olarak eklenir. Eğer,success(data,status,xhr)})
Parametreler Açıklama
url Gerekli. İstekle hangi URL'nin gönderileceğini belirler.
Sunucuya gönderilen veri, URL'nin sonuna sorgu dizgesi olarak eklenir. Eğer İsteğe bağlı. İstekle birlikte sunucuya gönderilen verileri belirler.
success(data,status,xhr)}

Opsiyonel. İstek başarılı olduğunda çalışacak fonksiyonu tanımlar.

Ek parametreler:

  • response - İstekten gelen sonuç verisini içerir
  • status - İstek durumunu içerir
  • xhr - XMLHttpRequest nesnesini içerir

Ayrıntılı Açıklama

Bu fonksiyon, kısaltılmış Ajax fonksiyonudur ve şuyla eşdeğerdir:

$.ajax({
  url: url,
  data: Sunucuya gönderilen veri, URL'nin sonuna sorgu dizgesi olarak eklenir. Eğer,
  success: callback,
  ,
);

dataType: json Sunucuya gönderilen veri, URL'nin sonuna sorgu dizgesi olarak eklenir. Eğer data

parametreye iletilen değer nesne (harita) ise, URL'ye eklenmeden önce dizgeye dönüştürülür ve URL kodlanır. callback Dönen veri, JavaScript nesnesi olabilir veya $.parseJSON() yöntemi ile çözümlenen JSON yapısında tanımlanmış bir dizi olabilir.

Örnek

test.js'tan JSON verisini yükleyin ve JSON verisindeki bir name alan verisini gösterin:

$.getJSON("test.js", function(json){
  alert("JSON Verisi: " + json.users[3].name);
);

Daha fazla örnek

Örnek 1

Flickr JSONP API'sinden en son 4 tane kedisi hakkında resmi yükleyin:

HTML Kodu:

<div id="images"></div>

jQuery Kodu:


$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  );
);

Örnek 2

test.js'tan JSON verisini yükleyin, ek parametreler ekleyin ve JSON verisindeki bir name alan verisini gösterin:

$.getJSON("test.js", { name: "Bill", time: "2pm" }, function(json){
  alert("JSON Verisi: " + json.users[3].name);
);

jQuery Ajax İpuçları Kılavuzu