Przegląd JSON

JSON: JavaScript Object Notation (JavaScript Object Notation).

JSON jest gramatyką do przechowywania i wymiany danych.

JSON jest napisany w formacie znaczników obiektów JavaScript.

Wymiana danych

Kiedy dane są wymieniane między przeglądarką a serwerem, te dane mogą być tylko tekstem.

JSON jest tekstem, i możemy przekształcić każdy obiekt JavaScript w JSON, a następnie wysłać JSON na serwer.

Możemy również przekształcić jakikolwiek JSON otrzymany z serwera w obiekt JavaScript.

W ten sposób możemy przetwarzać dane jako obiekty JavaScript, bez złożonej analizy i translacji.

Wysyłanie danych

Jeśli dane są przechowywane w obiekcie JavaScript, możesz przekształcić ten obiekt w JSON, a następnie wysłać go na serwer.

Przykład

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

Spróbuj sam

W późniejszych rozdziałach tego kursu nauczysz się więcej o JSON.stringify() Znajomość funkcji.

Odbieranie danych

Jeśli odbierasz dane w formacie JSON, możesz je przekształcić w obiekt JavaScript:

Przykład

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

Spróbuj sam

W późniejszych rozdziałach tego kursu nauczysz się więcej o JSON.parse() Znajomość funkcji.

Zapis danych

Podczas zapisywania danych, dane muszą być w konkretnej formacie, i niezależnie od miejsca, w którym je zapisujesz, tekst zawsze jest jednym z legalnych formatów.

JSON umożliwia przechowywanie obiektów JavaScript jako tekstu.

Przykład

Zapisuj dane w lokalnym pamięci podręcznej

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

Spróbuj sam

Co to jest JSON?

  • JSON oznacza JavaScript Object Notation（JavaScript Object Notation）
  • JSON jest lekkim formatem wymiany danych
  • JSON jest samopodręcznym i łatwo zrozumiałym formatem
  • JSON jest niezależny od języka*

*

JSON używa gramatyki JavaScript, ale format JSON jest czystym tekstem.

Tekst może być odczytany i używany jako dane przez każdą język programowania.

Format JSON został zaproponowany przez Douglasa Crockforda.

Dlaczego używać JSON?

Ponieważ format JSON to jedynie tekst, może być łatwo przesyłany między serwerem a przeglądarką i używany jako format danych dla dowolnego języka programowania.

JavaScript dostarcza wbudowane funkcje, które przekształcają ciąg znaków napisany w formacie JSON w oryginalny obiekt JavaScript:

JSON.parse()

Jeśli więc otrzymujesz dane w formacie JSON z serwera, możesz go używać jak każdego innego obiektu JavaScript.