JSON Inleiding

JSON: JavaScript Object Notation (JavaScript Object Notation).

JSON is een syntaxis voor het opslaan en uitwisselen van gegevens.

JSON is geschreven in de tekstnotatie van het JavaScript-objectenmerk.

Gegevens uitwisselen

Wanneer gegevens worden uitgewisseld tussen de browser en de server, moeten deze gegevens altijd tekst zijn.

JSON is tekst en we kunnen elk JavaScript-object omzetten naar JSON, waarna we JSON naar de server kunnen verzenden.

We kunnen ook elke JSON die we van de server ontvangen omzetten naar een JavaScript-object.

Op deze manier kunnen we gegevens als JavaScript-objecten verwerken, zonder complexe analyse en vertaling nodig te hebben.

Verzend gegevens

Als je gegevens in een JavaScript-object opgeslagen zijn, kun je dit object omzetten naar JSON en het naar de server verzenden.

Voorbeeld

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Try it yourself

Je zult later in dit cursus meer leren over JSON.stringify() Wetenschap van de functie.

Ontvang gegevens

Als je gegevens in JSON-formaat ontvangt, kun je deze omzetten naar een JavaScript-object:

Voorbeeld

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Try it yourself

Je zult later in dit cursus meer leren over JSON.parse() Wetenschap van de functie.

Opslaan gegevens

Bij het opslaan van gegevens moet de gegevens in een specifiek formaat zijn, en ongeacht waar u het opslaat, tekst is altijd een geldig formaat.

JSON maakt het mogelijk om JavaScript-objecten op te slaan als tekst.

Voorbeeld

Bewaar gegevens in de lokale opslag

//Opslaan gegevens:
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Ontvang gegevens:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Try it yourself

What is JSON?

  • JSON stands for JavaScript Object Notation (JavaScript Object Notation)
  • JSON is a lightweight data interchange format
  • JSON is self-descriptive and easy to understand
  • JSON is independent of language*

*

JSON uses JavaScript syntax, but the JSON format is plain text.

Text can be read and used as data by any programming language.

The JSON format was originally proposed by Douglas Crockford.

Why use JSON?

Because JSON format is just text, it can be easily transmitted between servers and browsers and used as the data format for any programming language.

JavaScript provides built-in functions to convert strings written in JSON format into native JavaScript objects:

JSON.parse()

Therefore, if you receive data in JSON format from a server, you can use it just like any other JavaScript object.