{"id":714,"date":"2013-05-16T09:29:31","date_gmt":"2013-05-16T08:29:31","guid":{"rendered":"http:\/\/www.bocciolesi.fr\/tutoriels-et-cours\/?p=714"},"modified":"2017-02-24T14:55:17","modified_gmt":"2017-02-24T13:55:17","slug":"json-javascript-object-notation","status":"publish","type":"post","link":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/","title":{"rendered":"JSON – JavaScript Object Notation"},"content":{"rendered":"
\"image_pdf\"Enregistrer en PDF<\/span><\/a><\/a><\/div>

I\u25ba JSON what is it ?<\/strong><\/span><\/p>\n

Dans cet article, nous allons voir ce qu’est JSON<\/span> <\/strong>et \u00e0 quoi il peur servir . l’API JSON est une des plus petites API avec seulement 2 m\u00e9thodes : stringify(object)<\/strong><\/span> et parse(cha\u00eene)<\/strong><\/span>.<\/p>\n

Attention : JSON permet de repr\u00e9senter les propri\u00e9t\u00e9s<\/span> d’un objet sous forme de\u00a0cha\u00eene\u00a0de caract\u00e8res mais pas les m\u00e9thodes<\/span>\u00a0!<\/p>\n

\"Capture\"<\/a><\/p>\n

Dans cet exemple, on cr\u00e9e un objet chien avec 2 propri\u00e9t\u00e9s (name et poids) et une m\u00e9thode (aboyer).<\/p>\n

var jsonChien = JSON.stringify(chien)<\/span>;permet de\u00a0<\/span>transposer en cha\u00eene de caract\u00e8res\u00a0<\/span>les propri\u00e9t\u00e9s de chien, ce qui donne :
\n<\/span>alert(“L’objet stringifi\u00e9\\n” + jsonChien);\u00a0<\/span><\/p>\n

\"Capture\"<\/a><\/p>\n

var newChien = JSON.parse(jsonChien);<\/span>
\npermet de cr\u00e9er un nouvel objet \u00e0 partir de la cha\u00eene de caract\u00e8res JSON.<\/p>\n

Conclusion<\/span> <\/strong>: Pourquoi stringifier les objets JS ?
\nEt bien il sera beaucoup plus facile de stocker les informations sous forme de cha\u00eenes de caract\u00e8res vers un serveur Web et\/ou utiliser les\u00a0puissantes\u00a0performances de l’API HTML5 WEB Storage.<\/span><\/strong><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

I\u25ba JSON what is it ? Dans cet article, nous allons voir ce qu’est JSON et \u00e0 quoi il peur servir . l’API JSON est une des plus …<\/p>\n","protected":false},"author":1,"featured_media":1626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,32,33,39],"tags":[],"class_list":["post-714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-html5-css3","category-jquery","category-tutoriels"],"yoast_head":"\nJSON - JavaScript Object Notation - Tutoriels et Cours<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JSON - JavaScript Object Notation - Tutoriels et Cours\" \/>\n<meta property=\"og:description\" content=\"I\u25ba JSON what is it ? Dans cet article, nous allons voir ce qu’est JSON et \u00e0 quoi il peur servir . l’API JSON est une des plus ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriels et Cours\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-16T08:29:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-24T13:55:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"767\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michel BOCCIOLESI\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michel BOCCIOLESI\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/\",\"name\":\"JSON - JavaScript Object Notation - Tutoriels et Cours\",\"isPartOf\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"datePublished\":\"2013-05-16T08:29:31+00:00\",\"dateModified\":\"2017-02-24T13:55:17+00:00\",\"author\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\"},\"breadcrumb\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"contentUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"width\":767,\"height\":379,\"caption\":\"Tutoriels D\u00e9veloppement Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JSON – JavaScript Object Notation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\",\"name\":\"Tutoriels et Cours\",\"description\":\"Michel Bocciolesi | Formateur Consultant en Informatique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\",\"name\":\"Michel BOCCIOLESI\",\"description\":\"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.\",\"sameAs\":[\"https:\/\/www.mb-creation-web.fr\"],\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JSON - JavaScript Object Notation - Tutoriels et Cours","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/","og_locale":"fr_FR","og_type":"article","og_title":"JSON - JavaScript Object Notation - Tutoriels et Cours","og_description":"I\u25ba JSON what is it ? Dans cet article, nous allons voir ce qu’est JSON et \u00e0 quoi il peur servir . l’API JSON est une des plus ...","og_url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/","og_site_name":"Tutoriels et Cours","article_published_time":"2013-05-16T08:29:31+00:00","article_modified_time":"2017-02-24T13:55:17+00:00","og_image":[{"width":767,"height":379,"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","type":"image\/jpeg"}],"author":"Michel BOCCIOLESI","twitter_misc":{"\u00c9crit par":"Michel BOCCIOLESI","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/","name":"JSON - JavaScript Object Notation - Tutoriels et Cours","isPartOf":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage"},"image":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage"},"thumbnailUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","datePublished":"2013-05-16T08:29:31+00:00","dateModified":"2017-02-24T13:55:17+00:00","author":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe"},"breadcrumb":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#primaryimage","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","contentUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","width":767,"height":379,"caption":"Tutoriels D\u00e9veloppement Web"},{"@type":"BreadcrumbList","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/json-javascript-object-notation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/"},{"@type":"ListItem","position":2,"name":"JSON – JavaScript Object Notation"}]},{"@type":"WebSite","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/","name":"Tutoriels et Cours","description":"Michel Bocciolesi | Formateur Consultant en Informatique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe","name":"Michel BOCCIOLESI","description":"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.","sameAs":["https:\/\/www.mb-creation-web.fr"],"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/"}]}},"_links":{"self":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":7,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/714\/revisions"}],"predecessor-version":[{"id":1666,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/714\/revisions\/1666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media\/1626"}],"wp:attachment":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media?parent=714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/categories?post=714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/tags?post=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}