JSON Introduktion

JSON: JavaScript Object Notation (JavaScript objektmarkering).

JSON är en syntax för lagring och utbyte av data.

JSON är skrivet i JavaScript Object Notation (JSON)-format.

Utbyta data

När data utbyts mellan webbläsare och server måste dessa data vara text.

JSON är text och vi kan konvertera vilket JavaScript-objekt som helst till JSON och sedan skicka JSON till servern.

Vi kan också konvertera vilket JSON som helst vi mottar från servern till ett JavaScript-objekt.

På detta sätt kan vi hantera data som JavaScript-objekt utan att behöva genomföra komplexa analyser och översättningar.

Skicka data

Om dina data lagras i ett JavaScript-objekt kan du konvertera objektet till JSON och sedan skicka det till servern.

Exempel

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

Try it yourself

Du kommer att lära dig mer om detta i senare kapitel i denna handledning JSON.stringify() kunskap om funktioner.

Mottag data

Om du mottar data i JSON-format kan du konvertera det till ett JavaScript-objekt:

Exempel

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

Try it yourself

Du kommer att lära dig mer om detta i senare kapitel i denna handledning JSON.parse() kunskap om funktioner.

Lagra data

När du lagrar data måste den vara i ett specifikt format, och oavsett var du väljer att lagra den är text alltid en giltig format.

JSON gör det möjligt för JavaScript-objekt att lagras som text.

Exempel

Lagra data i lokalt lagringsutrymme

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

Try it yourself

What is JSON?

  • JSON refers to 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 the server, you can use it just like any other JavaScript object.