Maison > interface Web > js tutoriel > jQuery.getJSON(url, [data], [callback]) Introduction de base

jQuery.getJSON(url, [data], [callback]) Introduction de base

巴扎黑
Libérer: 2017-07-03 09:57:43
original
1112 Les gens l'ont consulté

Valeur de retour : XMLHttpRequestjQuery.getJSON(url, [data], [callback])

Aperçu

Chargez les données JSON via la requête HTTP GET.

Dans jQuery 1.2, vous pouvez charger des données JSON à partir d'autres domaines en utilisant la fonction de rappel sous forme 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.

Paramètres
urlChaîne

Adresse de la demande d'envoi.

données (facultatif)Carte

Paramètres clé/valeur à envoyer.

rappel (facultatif)Fonction

Fonction de rappel lorsque le chargement est réussi.

Exemple
Description :

Chargez les 4 dernières photos de chats à partir de l'API JSONP de Flickr.

Code HTML :
<p id="images"></p>
Copier après la connexion
Code 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;
  });
});
Copier après la connexion
Description :

Charger les données JSON à partir de test.js et afficher les données JSON A données du champ de nom.

Code jQuery :
$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});
Copier après la connexion
Description :

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.

Code jQuery :
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
  alert("JSON Data: " + json.users[3].name);
});
Copier après la connexion


Cet article a été écrit par l'auteur : Chen Xizhang le 2/7/2009 8:27:43 Publié sur : http://www.cnblogs.com/chenxizhang/
Le droit d'auteur de cet article appartient à l'auteur et peut être reproduit. Cependant, cette déclaration doit être conservée sans le consentement de l'auteur, ainsi qu'un lien vers l'original. le texte doit être fourni dans un endroit évident sur la page de l'article, sinon nous nous réservons le droit d'engager notre responsabilité légale.
Pour plus d'articles de blog, ainsi que la déclaration complète de l'auteur sur les citations du blog et les politiques de coopération, veuillez vous référer au site suivant : Centre de blog de Chen Xizhang

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal