Heim > Web-Frontend > js-Tutorial > jQuery.getJSON(url, [data], [callback]) Grundlegende Einführung

jQuery.getJSON(url, [data], [callback]) Grundlegende Einführung

巴扎黑
Freigeben: 2017-07-03 09:57:43
Original
1116 Leute haben es durchsucht

Rückgabewert: XMLHttpRequestjQuery.getJSON(url, [Daten], [Rückruf])

Übersicht

JSON-Daten per HTTP-GET-Anfrage laden.

In jQuery 1.2 können Sie JSON-Daten aus anderen Domänen laden, indem Sie die Rückruffunktion im JSONP-Format verwenden, z. B. „myurl?callback=?“. jQuery ersetzt ? automatisch durch den richtigen Funktionsnamen, um die Rückruffunktion auszuführen. Hinweis: Der Code nach dieser Zeile wird ausgeführt, bevor diese Rückruffunktion ausgeführt wird.

Parameter
URLString

Sendeanforderungsadresse.

Daten (optional)Karte

Zu sendende Schlüssel-/Wertparameter.

Rückruf (optional)Funktion

Rückruffunktion bei erfolgreichem Laden.

Beispiel
Beschreibung:

Laden Sie 4 aktuelle Bilder von Katzen aus der Flickr-JSONP-API.

HTML-Code:
<p id="images"></p>
Nach dem Login kopieren
jQuery-Code:
$.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;
  });
});
Nach dem Login kopieren
Beschreibung:

JSON-Daten aus test.js laden und JSON-Daten anzeigen A Namensfelddaten.

jQuery-Code:
$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});
Nach dem Login kopieren
Beschreibung:

JSON-Daten aus test.js laden, Parameter anhängen und Namensfelddaten in den JSON-Daten anzeigen.

jQuery-Code:
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});
Nach dem Login kopieren


Dieser Artikel wurde vom Autor: Chen Xizhang am 02.07.2009 um 8:27:43 Uhr geschrieben Veröffentlicht unter: http://www.cnblogs.com/chenxizhang/
Das Urheberrecht dieses Artikels liegt beim Autor und kann ohne die Zustimmung des Autors und ohne einen Link zum Original reproduziert werden Der Text muss an einer gut sichtbaren Stelle auf der Artikelseite angegeben werden, andernfalls behalten wir uns das Recht vor, eine rechtliche Haftung einzuleiten.
Weitere Blog-Beiträge sowie die vollständige Stellungnahme des Autors zu Blog-Zitaten und Kooperationsrichtlinien finden Sie auf der folgenden Website: Chen Xizhangs Blog-Center

Das obige ist der detaillierte Inhalt vonjQuery.getJSON(url, [data], [callback]) Grundlegende Einführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage