Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript JSON

❮ Poprzedni Następny Rozdział ❯

JSON jest format transportu i przechowywania danych.

JSON jest często używany, gdy dane są przesyłane z serwera do strony internetowej.

Co to jest JSON?

  • JSON oznacza JavaScript Object Notation
  • JSON jest format wymiany danych lekki
  • JSON jest niezależny od języka *
  • JSON jest "self-opisując" i łatwe do zrozumienia

* Składnia JSON pochodzi ze składni notacji obiektu JavaScript, ale format JSON jest tylko tekst. Kod do czytania i generowania danych JSON może być napisany w dowolnym języku programowania.

Przykład JSON

Ta składnia JSON definiuje pracownicy obiektu: tablicę rekordów pracowniczych (3 obiekty):

Przykład JSON

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

Format JSON Zwraca obiektów JavaScript

Format JSON jest składniowo identyczny z kodem do tworzenia obiektów JavaScript.

Z powodu tego podobieństwa, program JavaScript może łatwo przekształcić dane JSON do rodzimych obiektów JavaScript.

JSON reguł składniowych

  • Dane są w pary nazwa / wartość
  • Dane są oddzielone przecinkami
  • Klamerki trzymać przedmiotów
  • nawiasy kwadratowe posiadać tablice

JSON danych - nazwę i wartość

danych JSON jest napisane jako pary nazwa / wartość, podobnie jak właściwości obiektu JavaScript.

Nazwa / wartość pary składa się z nazwy pola (w cudzysłowach), a następnie dwukropek, a następnie wartości:

"firstName":"John"

Nazwy JSON wymaga cudzysłowia. Nazwy JavaScript nie.

Obiekty JSON

obiekty JSON są zapisywane wewnątrz nawiasów klamrowych.

Podobnie jak w JavaScript, obiekty mogą zawierać wiele par nazwa / wartość:

{"firstName":"John", "lastName":"Doe"}

Tablice JSON

Macierze 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 "employees" jest tablicą. Zawiera on trzy obiekty.

Każdy obiekt jest zapisem osoby (z imienia i nazwiska).

Konwersja tekstu JSON do obiektu JavaScript

Wspólne korzystanie z JSON jest do odczytu danych z serwera WWW oraz wyświetlania danych na stronie internetowej.

Dla uproszczenia, można wykazać za pomocą ciągu jako wejścia (lub więcej w naszym poradniku JSON ):

Po pierwsze, należy utworzyć łańcuch zawierający składni JavaScript JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Następnie za pomocą kodu JavaScript wbudowaną funkcję JSON.parse() przekonwertować ciąg do obiektu JavaScript:

var obj = JSON.parse(text);

Wreszcie, należy użyć 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>
Spróbuj sam "

Możesz przeczytać więcej o JSON w naszym poradniku JSON .


❮ Poprzedni Następny Rozdział ❯