DokuWiki jsjson

jsjson:accessing_objects_in_arrays

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:58:04+00:00

<- Looping through JavaScript objectsParsing JSON data with AJAX -> Structure avec Array pour avoir un ordre défini : var objet = { liste : [ { "un" : "valeur 1" }, { "deux" : "valeur 2" }, { "trois" : "valeur 3" } ] } Accès : for (var i = 0; i <= objet.liste.length; i++) { for (clé in objet.liste[i]) { if (objet.liste[i].hasOwnProperty(clé)) { console.log(objet[i][clé]); } } }

jsjson:communicating_across_sites_with_jsonp

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T23:30:50+00:00

<- Parsing JSON data with AJAXUsing jQuery to parse JSON feeds -> Same Origin Policy -> Pour les données, pas pour les scripts -> Du coup on change le .json et .js comme ceci : // data.js dataHandler({ }); dataHandler étant une fonction définie localement. function dataHandler(info) { } Et on appelle le json comme script :

jsjson:creating_simple_data

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:19:27+00:00

<- Understanding objects and JSONUsing JavaScript and JSON tools -> keys and values pairs, paires de clés et valeurs * Les valeurs sont séparées par des virgules * espaces pour la clarté * pas de quotes sur les nombres, booléens et null * listes peuvent être des valeurs, accessible par [n] ou des objets accessibles via dot notation

jsjson:debugging_javascript_objects_with_your_browser

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:28:51+00:00

<- Using JavaScript and JSON toolsModifying Array objects in JavaScript -> . ou []-> retourne valeur

jsjson:looping_through_javascript_objects

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:48:19+00:00

<- Modifying Array objects in JavaScriptAccessing objects in arrays -> for (clé in objet) { if (objet.hasOwnProperty(clé) { console.log(objet[clé]); } }

jsjson:modifying_array_objects_in_javascript

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:41:13+00:00

<- Debugging JavaScript objects with your browserLooping through JavaScript objects -> Accès aux élément type Array [n] Suppression d'un élément d'un objet : delete(.) Sur un Array : supprime l'élément, mais l'attribut length ne change pas -> à éviter -> on utilise la fonction splice() : .splice(,

jsjson:understanding_objects_and_json

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:17:53+00:00

<- What is JSONCreating simple data -> Déclaration similaire en JS, mais clés entourés de double-quotes : { nom_complet : "Jean Dupont"} // objet { "nom_complet" : "Jean Dupont"} // JSON * les clés JSON peuvent être n'importe quels string valide (attention à l'accessibilité par la suite).

jsjson:using_javascript_and_json_tools

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:20:38+00:00

<- Creating simple dataDebugging JavaScript objects with your browser -> * JSHint * JSONLint (on peut aussi coller une url pour qu'il la vérifie) * JSONEditorOnline.org (avec indenteur) * offline : * COCOA JSON Editor * JSONView (plugin Firefox) * Wordpress JSON API

jsjson:what_is_json

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T22:15:12+00:00

<- Using the exercise filesUnderstanding objects and JSON -> JSON : Javascript Object Notation * format de partage de données * dérivé de JavaScript * language independant * Une bonne alternative à XML Avantages : * facile à lire * facile a parser (en JS : JSON.parse()) * moins lourd que XML