JSON Inleiding

JSON: JavaScript Object Notation (JavaScript Object Notation).

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

JSON is geschreven in JavaScript Object Notation (JSON)-tekst.

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 en het dan naar de server sturen.

We kunnen ook elke ontvangen JSON omzetten naar een JavaScript-object.

Op deze manier kunnen we gegevens als JavaScript-objecten verwerken zonder complexe parsing en conversie.

Verstuur gegevens

Als uw gegevens opgeslagen zijn in een JavaScript-object, kunt u dat object omzetten naar JSON en het dan naar de server sturen.

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

U zult later in dit tutorial meer leren over JSON.stringify() Kennis van functies.

Ontvang gegevens

Als u gegevens in JSON-formaat ontvangt, kunt u 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

U zult later in dit tutorial meer leren over JSON.parse() Kennis van functies.

Opslaan gegevens

Bij het opslaan van gegevens moet de gegevens een specifieke indeling hebben, en onafhankelijk van waar u het opslaat, is tekst altijd een geldige indeling.

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

Voorbeeld

Gegevens opslaan 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 a 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.