Dans le « Manuel chinois JSON », JSON : JavaScript Object Notation (JavaScript Object Notation) JSON est une syntaxe permettant de stocker et d'échanger des informations textuelles. Similaire à XML. JSON est plus petit, plus rapide et plus facile à analyser que XML.
JSON (JavaScript Object Notation, JS Object Notation) est un format d'échange de données léger. Il est basé sur un sous-ensemble d'ECMAScript (la spécification js développée par la European Computer Association) et utilise un format de texte totalement indépendant des langages de programmation pour stocker et représenter les données. La simplicité et la structure hiérarchique claire font de JSON un langage d'échange de données idéal. Il est facile à lire et à écrire pour les gens, et il est également facile à analyser et à générer pour les machines, et améliore efficacement l'efficacité de la transmission du réseau.
Conseil : Avant de commencer à apprendre JSON, vous devez avoir une compréhension de base de javascript , AJAX , jQuery.
JSON (JavaScript Object Notation) est un format léger d'échange de données. Facile à lire et à écrire pour les humains. Il est également facile à analyser et à générer pour les machines. Il est basé sur un sous-ensemble du langage de programmation JavaScript, norme ECMA-262 3e édition - décembre 1999.
JSON est un format de données que Douglas Crockford a commencé à promouvoir en 2001. Il est officiellement devenu un format de données grand public en 2005-2006. C'est à cette époque que Yahoo et Google ont commencé à utiliser largement le format JSON.
Expérimentons la première instance json !
Première instance JSON
Instance
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Astuce : Notre tutoriel JSON vous aidera à acquérir les connaissances JSON du débutant au avancé. Si vous avez des questions, veuillez vous rendre sur le site Web PHP chinois JSON Community pour poser vos questions, et des internautes enthousiastes y répondront pour vous.
Comparaison de JSON et XML
Lisibilité
La lisibilité de JSON et XML est presque la même. Un côté a une syntaxe simple et l'autre côté a une forme de balise standardisée. Il est difficile de distinguer le gagnant. .
Extensibilité
XML est naturellement très évolutif, et JSON l'a certainement. Il n'y a rien que XML puisse étendre que JSON ne puisse pas. Cependant, JSON est à l'aise dans Javascript et peut stocker des objets composites Javascript, ce qui présente des avantages incomparables par rapport au XML.
Difficulté de codage
XML dispose d'une multitude d'outils de codage, tels que Dom4j, Dom, SAX, etc., et JSON fournit également des outils. Sans outils, je pense que les développeurs qualifiés peuvent écrire rapidement les documents XML et les chaînes JSON souhaités. Cependant, les documents XML nécessitent beaucoup plus de caractères structurels.
Difficulté de décodage
Il existe deux façons d'analyser XML :
La première consiste à analyser le modèle de document, c'est-à-dire à indexer un ensemble de balises via la balise parent. Par exemple : xmlData.getElementsByTagName("tagName"), mais cela doit être utilisé lorsque la structure du document est connue à l'avance et ne peut pas être encapsulée universellement.
Une autre méthode consiste à parcourir les nœuds (document et childNodes). Ceci peut être réalisé par récursion, mais les données analysées se présentent toujours sous des formes différentes et ne peuvent souvent pas répondre aux exigences préexistantes.
De telles données structurées évolutives doivent être très difficiles à analyser.
Il en va de même pour JSON. Si vous connaissez la structure JSON à l'avance, utiliser JSON pour le transfert de données est tout simplement merveilleux. Vous pouvez écrire du code pratique, beau et lisible. Si vous êtes un pur développeur front-end, vous aimerez certainement beaucoup JSON. Mais si vous êtes un développeur d'applications, vous ne l'aimez pas tellement. Après tout, XML est le véritable langage de balisage structuré, utilisé pour le transfert de données.
Et si vous ne connaissez pas la structure de JSON et n'analysez pas JSON, ce serait un cauchemar. Non seulement cela prend du temps et demande beaucoup de travail, mais le code deviendra également redondant et long, et les résultats obtenus ne seront pas satisfaisants. Mais cela n’affecte pas de nombreux développeurs front-end qui choisissent JSON. Parce que toJSONString() dans json.js peut voir la structure de chaîne de JSON. Bien sûr, pour les personnes qui n’utilisent pas souvent cette corde, cela reste un cauchemar. Une fois que les personnes qui utilisent souvent JSON auront vu cette chaîne, elles auront une compréhension claire de la structure de JSON et il sera plus facile d'utiliser JSON.
Ce qui précède est l'analyse de XML et JSON uniquement pour la transmission de données en Javascript. Dans le domaine de Javascript, JSON est après tout le domaine d'origine, et ses avantages sont bien sûr bien supérieurs à ceux de XML. Si les objets composites Javascript sont stockés dans JSON et que leur structure n'est pas connue, je pense que de nombreux programmeurs pleureront également lors de l'analyse de JSON.
En plus de ce qui précède, une autre grande différence entre JSON et XML est le débit de données effectif. JSON est plus efficace lorsqu'il est transmis sous forme de paquet de données, car JSON ne nécessite pas de balises de fermeture strictes comme XML, ce qui augmente considérablement le rapport entre le volume de données effectif et le nombre total de paquets de données, réduisant ainsi la pression de transmission. du réseau.
Avantages et inconvénients de JSON :
Avantages :
Le format des données est relativement simple, facile à lire et à écrire, les formats sont compressés et consomment peu de bande passante
est facile à analyser ; le client JavaScript peut simplement transmettre eval( ) pour lire les données JSON ;
Prend en charge plusieurs langages, notamment ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby et d'autres langages côté serveur pour faciliter l'analyse côté serveur ;
-
Dans le monde PHP, PHP-JSON et JSON-PHP sont déjà apparus. Il est préférable d'appeler directement le programme sérialisé PHP. Les objets, tableaux, etc. Format JSON pour faciliter l'accès et l'extraction du client ;
-
Étant donné que le format JSON peut être directement utilisé par le code côté serveur, il simplifie grandement le développement de code côté serveur et côté client, termine la tâche sans changement et est facile Maintenir.
Inconvénients :
Il n'est pas aussi populaire et largement utilisé que le format XML, et il n'est pas aussi polyvalent que XML
Le format JSON en est encore à ses balbutiements dans la promotion du service Web ;
Ce que couvre ce manuel du didacticiel JSON
Ce didacticiel JSON couvre toutes les connaissances de base et avancées de JSON, y compris le format JSON, l'analyse JSON, la traversée JSON, les appels JSON, la conversion JSON, l'acquisition JSON, la chaîne JSON, le tableau JSON, etc.
Conseils : Chaque chapitre de ce tutoriel contient de nombreux exemples JSON. Vous pouvez directement cliquer sur le bouton "Exécuter l'exemple" pour afficher les résultats en ligne. Ces exemples vous aideront à mieux comprendre et utiliser JSON.
Dernier chapitre
Cours connexes
- Introduction rapide au développement web front-end 2021-12-10
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Tutoriel vidéo de démarrage de Gulp 2022-04-18
- Tutoriel vidéo CSS3 des frères d'armes Gao Luofeng 2022-04-20
- Tutoriel vidéo d'exemple de base d'application Web de développement AngularJS 2022-04-18
- Contact complet Ajax 2022-04-13
- Tutoriel vidéo de base du framework MUI 2022-04-13
- Cours d'essai de cours de formation en ligne 2019-01-10