Exemple d'utilisation de getJSON() dans jQuery ajax

Exemple d'utilisation de getJSON() dans jQuery ajax_jquery

WBOY

Libérer： 2016-05-16 16:25:13

original

1304 Les gens l'ont consulté

Exemple
Chargez les données JSON depuis test.js et affichez les données d'un champ de nom dans les données JSON :

Copier le code Le code est le suivant :

$.getJSON("test.js", fonction(json){

alert("Données JSON : " json.users[3].name);

});

Définition et usage
Chargez les données JSON via la requête HTTP GET.

Dans jQuery 1.2, vous pouvez charger des données JSON provenant d'autres domaines en utilisant une fonction de rappel de style JSONP, telle que "myurl?callback=?". jQuery remplacera automatiquement ? par le nom de fonction correct pour exécuter la fonction de rappel. Remarque : Le code après cette ligne sera exécuté avant l'exécution de cette fonction de rappel.

Grammaire
jQuery.getJSON(url,[données],[rappel])

Description du paramètre
url L'adresse URL de la page à charger.
données Paramètres clé/valeur à envoyer.
callback La fonction de rappel exécutée lorsque le chargement est réussi.

Description détaillée

Cette fonction est l'abréviation de fonction Ajax, qui équivaut à :

Copier le code Le code est le suivant :

$.ajax({

URL : URL,

données : données,

succès : rappel,

Type de données : json

});

Les données envoyées au serveur peuvent être ajoutées à l'URL sous forme de chaîne de requête. Si la valeur du paramètre data est un objet (carte), elle est convertie en chaîne et codée en URL avant d'être ajoutée à l'URL.

Les données de retour transmises au rappel peuvent être un objet JavaScript ou un tableau défini dans une structure JSON, et sont analysées à l'aide de la méthode $.parseJSON().

Plus d'exemples

Exemple 1
Chargez les 4 dernières photos de chats depuis l'API JSONP Flickr :

Code HTML :

Copier le code Le code est le suivant :

Code jQuery :

Copier le code Le code est le suivant :

$.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");
Si ( i == 3 ) renvoie false ;
});
});

Exemple 2
Chargez les données JSON à partir de test.js, ajoutez des paramètres et affichez les données d'un champ de nom dans les données JSON :

Copier le code Le code est le suivant :

$.getJSON("test.js", { nom : "John", heure : "14h00" }, function(json){

alert("Données JSON : " json.users[3].name);

});