JavaScript JSON
JSON to format do przechowywania i transportu danych.
JSON jest często używany, gdy dane są przesyłane z serwera na stronę internetową.
Co to jest JSON?
- JSON to skrót od J ava S cript O bject N otation
- JSON to lekki format wymiany danych
- JSON jest niezależny od języka *
- JSON jest "samoopisujący się" i łatwy do zrozumienia
* Składnia JSON wywodzi się ze składni notacji obiektów JavaScript, ale format JSON jest tylko tekstem. Kod do odczytu i generowania danych JSON można napisać w dowolnym języku programowania.
Przykład JSON
Ta składnia JSON definiuje obiekt pracowników: tablicę 3 rekordów pracowników (obiektów):
Przykład JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Format JSON sprawdza się w obiektach JavaScript
Format JSON jest składniowo identyczny z kodem do tworzenia obiektów JavaScript.
Ze względu na to podobieństwo program JavaScript może łatwo konwertować dane JSON na natywne obiekty JavaScript.
Zasady składni JSON
- Dane są w parach nazwa/wartość
- Dane są oddzielone przecinkami
- Kręcone szelki trzymają przedmioty
- Nawiasy kwadratowe przechowują tablice
Dane JSON — nazwa i wartość
Dane JSON są zapisywane jako pary nazwa/wartość, podobnie jak właściwości obiektów JavaScript.
Para nazwa/wartość składa się z nazwy pola (w cudzysłowie), po której następuje dwukropek i wartość:
"firstName":"John"
Nazwy JSON wymagają podwójnych cudzysłowów. Nazwy JavaScript nie.
Obiekty JSON
Obiekty JSON są zapisywane w nawiasach klamrowych.
Podobnie jak w JavaScript, obiekty mogą zawierać wiele par nazwa/wartość:
{"firstName":"John", "lastName":"Doe"}
Tablice JSON
Tablice JSON są zapisywane w nawiasach kwadratowych.
Podobnie jak w JavaScript, tablica może zawierać obiekty:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
W powyższym przykładzie obiekt „pracownicy” jest tablicą. Zawiera trzy obiekty.
Każdy przedmiot jest zapisem osoby (z imieniem i nazwiskiem).
Konwertowanie tekstu JSON na obiekt JavaScript
Powszechnym zastosowaniem JSON jest odczytywanie danych z serwera WWW i wyświetlanie danych na stronie internetowej.
Dla uproszczenia można to zademonstrować za pomocą ciągu znaków jako danych wejściowych.
Najpierw utwórz ciąg JavaScript zawierający składnię JSON:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Następnie użyj wbudowanej funkcji JavaScript, JSON.parse()
aby przekonwertować ciąg na obiekt JavaScript:
const obj = JSON.parse(text);
Na koniec użyj nowego obiektu JavaScript na swojej stronie:
Przykład
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Możesz przeczytać więcej o JSON w naszym samouczku JSON .