Maison > interface Web > js tutoriel > JSON vs JSONP : quelles sont les principales différences en termes de format, de type de fichier et de cas d'utilisation ?

JSON vs JSONP : quelles sont les principales différences en termes de format, de type de fichier et de cas d'utilisation ?

Mary-Kate Olsen
Libérer: 2024-11-28 22:49:13
original
723 Les gens l'ont consulté

JSON vs. JSONP: What are the Key Differences in Format, File Type, and Use Cases?

JSON vs JSONP : format, type de fichier et applications pratiques

Qu'est-ce que JSONP exactement ?

JSONP, ou JSON avec remplissage, est une version étendue de JSON qui permet les requêtes AJAX intersites. Il se compose d'une chaîne entre parenthèses, comme le montre l'exemple ci-dessous :

//JSON
{"name":"stackoverflow","id":5}
//JSONP
func({"name":"stackoverflow","id":5});
Copier après la connexion

Différences de format

Les données JSON sont généralement stockées sous forme de chaîne, tandis que JSONP est encapsulé dans un appel de fonction. . Cela lui permet d'être chargé en tant que fichier de script.

Différences de type de fichier

JSON et JSONP partagent l'extension de fichier ".json".

Différences d'utilisation pratique

AJAX cross-site : JSONP permet les requêtes AJAX entre différents domaines. Ceci est accompli en configurant une fonction pour gérer les données JSON une fois le chargement du fichier de script terminé.

Par exemple, si example.com fournit des fichiers JSONP dans le format indiqué précédemment, vous pouvez utiliser le code suivant pour récupérer les données de ce domaine, même si votre site Web n'est pas hébergé sur example.com :

function func(json){
  alert(json.name);
}
var elm = document.createElement("script");
elm.setAttribute("type", "text/javascript");
elm.src = "http://example.com/jsonp";
document.body.appendChild(elm);
Copier après la connexion

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal