Objet : JSON

<script type="text/javascript">
var voiture = {
"marque": "Peugeot",
"modele": "3008",
"motor": "HDi"
};
var tab = [8, 7, 9, 2, 0, 6];
document.write(JSON.stringify(voiture)+"<br>");
document.write(JSON.stringify(tab)+"<br>");

console.log(voiture);
console.log(tab);
</script>

Emulation de la console

Les accolades définissent un objet et ses différentes propriétés.
Les crochets délimitent un tableau.

La fonction stringify() permet de convertir un objet en sa chaîne JSON.

La console permet d'afficher directement le contenu d'un objet dans les outils du développeur.

<script type="text/javascript">
function getCours() {
var ajax = new XMLHttpRequest();
console.log("Lancement appel API");
ajax.onload = function() {
if (this.status == 200) {
console.log("Retour API = "+this.response);
console.log("Parsing JSON...");
var json=JSON.parse(this.response);
console.log(json);
var usd=json.USD, eur=json.EUR;
console.log("1 BTC = "+eur+" EUR");
console.log("1 BTC = "+usd+" USD");
}
}
ajax.open("GET", "https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD,EUR", true);
ajax.send();
}
getCours();
</script>

Emulation de la console

Le format JSON est très souvent utilisé par les API qui fournissent des services de données externes.
Ce script explique le fonctionnement d'un appel à une API de cours du Bitcoin via cryptocompare.com

Dunod Fnac Amazon

Chargement
en cours...