Co to jest JSON?
JSON to skrót od J ava S cript O bject N otation
JSON to lekki format do przechowywania i transportu danych
JSON jest często używany, gdy dane są przesyłane z serwera na stronę internetową
JSON jest "samoopisujący się" i łatwy do zrozumienia
Przykład JSON
Ten przykład definiuje obiekt pracowników: tablicę 3 rekordów pracowników (obiektów):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Zasady składni JSON
- Dane są w parach nazwa/wartość
- Dane są oddzielone przecinkami
- Nawiasy klamrowe trzymają przedmioty
- Nawiasy kwadratowe przechowują tablice
Notacja obiektu 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.
Składnia JSON wywodzi się ze składni notacji obiektowej JavaScript, ale format JSON jest tylko tekstem. Kod do odczytu i generowania danych JSON można napisać w dowolnym języku programowania.
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:
var 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:
var 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>
Pełny samouczek JSON
To był krótki opis JSON.
Aby zapoznać się z pełnym samouczkiem JSON, przejdź do Samouczka JSON W3Schools .