jQuery ajax - getJSON() পদ্ধতি

jQuery Ajax ուղիմատյան

উদাহরণ

AJAX প্রস্তাবের মাধ্যমে JSON তথ্য পাওয়া এবং ফলাফল প্রদর্শন করুন:

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

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বর্ণনা ও ব্যবহার

HTTP GET প্রস্তাবের মাধ্যমে JSON তথ্য লোড করা হয়。

জিনি এক্স ১.২-এ, আপনি JSONP-র রূপান্তর করে অন্য নেটওয়ার্কের JSON তথ্য লোড করতে পারেন যেমন "myurl?callback=?"।jQuery স্বয়ংক্রিয়ভাবে ?-কে সঠিক ফাংশন নামে পরিবর্তন করবে, যাতে কলব্যাক ফাংশন কার্যকর করা যায়। নোট: এই কলব্যাক ফাংশন কার্যকর হওয়ার আগে এই লাইনটির পরবর্তী কোড কার্যকর হবে。

ভাষা

jQuery.getJSON(url,data,success(data,status,xhr)})
পারামিটার বর্ণনা
url অপরিহার্য।প্রস্তাব পাঠানোর জন্য যে URL-এ পাঠানো হবে তা নির্দিষ্ট করা হয়。
data বাছাইয়াত।প্রস্তাবিত তথ্যকে সাথে সেবা স্টেশনে পাঠানোর জন্য নির্দিষ্ট করা হয়。
success(data,status,xhr)}

ընտրական: կանոնավոր կերպով պահանջի հաջող ավարտի դեպքում աշխատող ֆունկցիա:

ավելին պարամետրեր:

  • response - պարունակում է պահանջի արդյունք
  • status - պարունակում է պահանջի վիճակ
  • xhr - պարունակում է XMLHttpRequest օբյեկտ

մանրամասն նկարագրություն

այս ֆունկցիան արագ գրված Ajax ֆունկցիա է, համապատասխան է:

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

ուղարկվող տվյալները կարող են լինել որպես հարցաշար ավելացված URL-ի վրա: Եթուղ ունի: data պարամետրի արժեքը օբյեկտ է (մափ), ապա այն փոխակերպվում է ստրվագ և ավելացվում է URL-ի վրա:

հանձնել callback իր վերադարձած տվյալները, կարող են լինել JavaScript օբյեկտ կամ JSON ստրուկտուրայով նշված արկղ, և վերլուծվում են $.parseJSON() մեթոդով:

Օրինակ

test.js հետ բերուն JSON տվյալներ և ցուցադրել JSON տվյալների մեջ name դասակարգի տվյալ:

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

ավելի շատ օրինակներ

Մաս 1

Flickr JSONP API հետ բերուն 4 նորամուտ կատվի պատկեր:

HTML կոդ:

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

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;
  });
});

Մաս 2

test.js հետ բերուն JSON տվյալներ, ավելացնել պարամետրեր, ցուցադրել JSON տվյալների մեջ name դասակարգի տվյալ:

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

jQuery Ajax ուղիմատյան