Przegląd JSON

JSON: JavaScript Object Notation (JavaScript Object Notation).

JSON jest gramatyką do przechowywania i wymiany danych.

JSON jest tekstem zapisanym w formacie obiektu 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 konieczności skomplikowanego analizowania i przekształcania.

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

Dowiedzieć się więcej o tym, co nauczyłeś się w późniejszych rozdziałach tego kursu JSON.stringify() Wiedza o funkcjach.

Odbieranie danych

Jeśli otrzymujesz 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

Dowiedzieć się więcej o tym, co nauczyłeś się w późniejszych rozdziałach tego kursu JSON.parse() Wiedza o funkcjach.

Zapis danych

Podczas zapisywania danych, dane muszą być w jakimś konkretnym formacie, i niezależnie od tego, gdzie je zapiszesz, tekst zawsze jest jednym z legalnych formatów.

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

Przykład

Zapisuj dane w lokalnym zapisie pamięci

//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 łatwym do zrozumienia
  • 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żde język programowania.

Format JSON został po raz pierwszy zaproponowany przez Douglasa Crockforda.

Dlaczego używać JSON?

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

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

JSON.parse()

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