jQuery ajax - mtiririko wa getJSON()

jQuery Ajax Kifaa cha Mafunzo

Mfano

Tumia tafiti ya AJAX kwa kusoma data ya JSON na kichwa cha msingi:

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

Jifunze kwa utafutaji wetu

Maelezo na matumizi

Inalisha data ya JSON kwa kutumia tafiti ya HTTP GET.

Kwenye jQuery 1.2, unaweza kutumia mtiririko wa JSONP kwa kusoma data ya JSON ya eneo lingine, kama 'myurl?callback=?'. jQuery itakata kumwambia ? kwa jina la kifungu sahihi, kufanya mtiririko. Tazama: Taarifu zaidi zingine zingekuwa hapa kwenye mtiririko huo. Tazama: Taarifu zaidi zingekuwa hapa kwenye mtiririko huo.

Lingua ya uendelevu

jQuery.getJSON(url,data,success(data,status,xhr)})
Maelezo ya muhimu Maelezo
url Inayotumika. Inaeleza URL ambayo inatumika kushika mtaarifu.
data Inayopea. Inaeleza data ya kushirikiwa kwenye mtaarifu wa msimbo wa mtandao.
success(data,status,xhr)}

Inayopendekeza. Inaruhusu kuangalia funguli inayotumika kwa kushinda mkataba

Paramani zaidi:

  • response - Inahusiana na data ya msingi ya mkataba
  • status - Inahusiana na hali ya kumtumika wa mkataba
  • xhr - Inahusiana na kiwango cha XMLHttpRequest

Muhtasari

Funguli hii ni Ajax funguli ya kifaa, inaelezea kama:

$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: json
);

Data inaitwa kwa kuzingatia inaweza kuongezwa kwenye URL baada ya kuingia kwenye server. Ikiwa data Thamani ya thamani ni kiwango (mpangilio), inatokana kuwa mrithi, na inatukumbushwa kwenye URL kabla ya kuongezwa. Ikiwa

Inapatikana kwenye callback Data ya kuzingatia, inaweza kuwa kiwango cha JavaScript, au muundo wa JSON kinachodifishwa, na kutumia method ya $.parseJSON().

Mfano

Lipa data ya JSON kutoka kwenye test.js na onyesha data ya name katika data ya JSON:

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

Mafanikio zaidi

Mfano 1

Lipa 4 picha zaidi kwa kuzingatia kati ya wanyama kutoka kwenye API ya JSONP ya Flickr:

Kipengele cha HTML:

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

Kipengele cha jQuery:


$.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;
  );
);

Mfano 2

Lipa data ya JSON kutoka kwenye test.js, kuongeza thamani, onyesha data ya name katika JSON data:

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

jQuery Ajax Kifaa cha Mafunzo