Serveur JSON
Une utilisation courante de JSON consiste à échanger des données vers/depuis un serveur Web.
Lors de la réception de données d'un serveur Web, les données sont toujours une chaîne.
Analysez les données avec JSON.parse(), et les données deviennent un objet JavaScript.
Envoi de données
Si vous avez des données stockées dans un objet JavaScript, vous pouvez convertir l'objet en JSON et l'envoyer à un serveur :
Exemple
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;
Réception de données
Si vous recevez des données au format JSON, vous pouvez facilement les convertir en objet JavaScript :
Exemple
const myJSON =
'{"name":"John",
"age":31, "city":"New York"}';
const myObj =
JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
JSON à partir d'un serveur
Vous pouvez demander JSON au serveur en utilisant une requête AJAX
Tant que la réponse du serveur est écrite au format JSON, vous pouvez analyser la chaîne dans un objet JavaScript.
Exemple
Utilisez XMLHttpRequest pour obtenir des données du serveur :
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
};
xmlhttp.open("GET", "json_demo.txt");
xmlhttp.send();
Jetez un oeil à json_demo.txt
Tableau en tant que JSON
Lors de l'utilisation de JSON.parse()on JSON dérivé d'un tableau, la méthode renverra un tableau JavaScript au lieu d'un objet JavaScript.
Exemple
JSON renvoyé par un serveur sous forme de tableau :
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myArr = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myArr[0];
}
}
xmlhttp.open("GET", "json_demo_array.txt", true);
xmlhttp.send();
Jetez un oeil à json_demo_array.txt