Beispiel für die Verwendung von getJSON() in jQuery ajax_jquery

Beispiel
Laden Sie JSON-Daten aus test.js und zeigen Sie Namensfelddaten in den JSON-Daten an:

Code kopieren Der Code lautet wie folgt:

$.getJSON("test.js", function(json){
Alert("JSON-Daten: " json.users[3].name);
});

Definition und Verwendung
Laden Sie JSON-Daten über eine HTTP-GET-Anfrage.

In jQuery 1.2 können Sie JSON-Daten aus anderen Domänen laden, indem Sie eine Rückruffunktion im JSONP-Stil 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.

Grammatik
jQuery.getJSON(url,[data],[callback])

Parameterbeschreibung
URL Die URL-Adresse der Seite, die geladen werden soll.
Daten Schlüssel-/Wertparameter, die gesendet werden sollen.
Rückruf Die Rückruffunktion, die ausgeführt wird, wenn der Ladevorgang erfolgreich war.

Detaillierte Beschreibung

Diese Funktion ist die Abkürzung der Ajax-Funktion, die äquivalent ist zu:

Code kopieren Der Code lautet wie folgt:

$.ajax({
URL: URL,
Daten: Daten,
Erfolg: Rückruf,
Datentyp: json
});

An den Server gesendete Daten können als Abfragezeichenfolge an die URL angehängt werden. Wenn der Wert des Datenparameters ein Objekt (Karte) ist, wird er in eine Zeichenfolge konvertiert und URL-codiert, bevor er an die URL angehängt wird.

Die an den Rückruf übergebenen Rückgabedaten können ein JavaScript-Objekt oder ein in einer JSON-Struktur definiertes Array sein und werden mit der Methode $.parseJSON() analysiert.

Weitere Beispiele

Beispiel 1
Laden Sie die 4 neuesten Katzenbilder von der Flickr JSONP API:

HTML-Code:

Code kopieren Der Code lautet wie folgt:

jQuery-Code:

Code kopieren Der Code lautet wie folgt:

$.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){
$("").attr("src", item.media.m).appendTo("#images");
Wenn ( i == 3 ) false zurückgibt;
});
});

Beispiel 2
Laden Sie JSON-Daten aus test.js, hängen Sie Parameter an und zeigen Sie Namensfelddaten in den JSON-Daten an:

Code kopieren Der Code lautet wie folgt:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
Alert("JSON-Daten: " json.users[3].name);
});