jQuery ajax - getJSON() మాథ్యూడ్

jQuery Ajax పరిశీలన హాండబుక్

ఉదాహరణ

AJAX రెస్యూల్కు జిఎస్పి డేటాను పొంది, మరియు ఫలితాన్ని అవుట్పుట్ చేయండి:

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

మీరే ప్రయత్నించండి

నిర్వచనం మరియు ఉపయోగం

HTTP GET రెస్యూల్కు జిఎస్పి డేటాను లోడ్ చేయడానికి ఉపయోగించబడుతుంది.

జినీ వర్షన్ 1.2 లో, మీరు జిఎస్పి రూపంలో ఇతర డొమైన్స్ జిఎస్పి డేటాను లోడ్ చేయవచ్చు, మేము "myurl?callback=?". జినీ స్వయంచాలకంగా ? కు సరైన ఫంక్షన్ పేరును మార్చుతుంది, కాల్బ్యాక్ ఫంక్షన్ను నిర్వహిస్తుంది. గమనిక: ఈ వాక్యం తర్వాత కోడ్ ఈ కాల్బ్యాక్ ఫంక్షన్ నిర్వహించబడే ముందు నిర్వహించబడుతుంది.

సంకేతం

jQuery.getJSON(url,data,success(data,status,xhr)})
పారామీటర్స్ వివరణ
url అనుచర్య. అంగీకరించిన రెస్యూల్కు పంపడానికి నియమించబడింది.
data ఎంపిక. అంగీకరించిన డేటాను సర్వర్ కు పంపడానికి నియమించబడింది.
success(data,status,xhr)}

ఆప్షనల్. అభ్యర్ధన విజయవంతమైనప్పుడు అమలు చేయబడే ఫంక్షన్ నిర్దేశిస్తుంది.

అదనపు పరామితులు:

  • response - అభ్యర్ధన నుండి ప్రాప్యమయిన ఫలిత డాటాను కలిగి ఉంటుంది
  • status - అభ్యర్ధన స్థితిని కలిగి ఉంటుంది
  • xhr - XMLHttpRequest ఆబ్జెక్ట్ కలిగి ఉంటుంది

వివరణ

ఈ ఫంక్షన్ సరళీకృత Ajax ఫంక్షన్, ఈ ఫంక్షన్ సమానం కాగా ఉంటుంది:

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

సర్వర్కు పంపబడే డాటా, క్వరీ స్ట్రింగ్ గా URL కు జతచేయబడవచ్చు. ఉన్నప్పుడు అనేక పరామితులు ఉన్నప్పుడు అన్ని పరామితులను జతచేయబడవచ్చు. data పరామితి విలువ ఒబ్జెక్ట్ (మాప్) ఉంటే, అది URL కు జతచేయబడుతుంది ముందు స్ట్రింగ్ పరివర్తన చేయబడుతుంది మరియు URL కోడింగ్ చేయబడుతుంది.

పరామితికి పంపిణీ చేయబడుతుంది callback తిరిగి వచ్చిన డాటా, జావాస్క్రిప్ట్ ఆబ్జెక్ట్ గా లేదా 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 పరిశీలన హాండబుక్