Co to jest JavaScript JSON i jak z niego korzystać?

JavaScript JSON

Poprzedni: JavaScript HTML DOM EventListener

JSON jest formatem do przechowywania i przenoszenia danych.

JSON jest zazwyczaj używany do przesyłania danych do serwera WWW.

Co to jest JSON?

JSON angielskie nazwyJava S CRIPT O bject N otation
JSON jest lekki format wymiany danych.
JSON jest niezależny od języka*
JSON jest łatwy do zrozumienia.

	* JSON przy użyciu JavaScript, ale JSON jest tylko format tekstowy. Tekst można przeczytać w dowolnym języku programowania, a jako format przesyłania danych.

przykłady JSON

Poniższy pracowników JSON składni zdefiniowane obiekty: tablica rekordów (obiekty) z trzech pracowników:

Przykład JSON

{ "Pracownicy": [
{ "FirstName": "Jan", "lastName": "Doe"},
{ "FirstName": "Anna", "lastName": "Smith"},
{ "FirstName": "Piotr", "lastName": "Jones"}
]}

Po JSON formatowane jako obiekty JavaScript

Format JSON jest składniowo stworzyć JavaScript kod wynikowy jest taka sama.

Ponieważ są one podobne programy można łatwo JavaScript JSON danych do obiektów JavaScript.

zasady składni JSON

Dane dla par klucz / wartość.
Dane oddzielone przecinkami.
Zapisz nawiasy obiektów
Zapisz nawiasy tablicy

JSON dane - nazwa, która odpowiada wartości

Format danych JSON dla par klucz / wartość, jak właściwości obiektów JavaScript.

par klucz / wartość zawierać nazwy pól (w cudzysłowach), a następnie dwukropek, a następnie wartość ta wynosi:

"FirstName": "Jan"

obiekt JSON

obiekt JSON jest przechowywany w nawiasach.

Jak w JavaScript, obiekt może pomieścić więcej pary klucz / wartość:

{ "FirstName": "Jan", "lastName": "Doe"}

JSON tablicy

JSON tablicy trzyma w nawiasach.

Jak w JavaScript, tablica może zawierać obiekty:

"Pracownicy": [
{ "FirstName": "Jan", "lastName": "Doe"},
{ "FirstName": "Anna", "lastName": "Smith"},
{ "FirstName": "Piotr", "lastName": "Jones"}
]

W powyższym przykładzie, "pracownicy" obiekt jest tablicą. Zawiera on trzy obiekty.

Każdy obiekt jest w trakcie nagrywania dla pracowników (imię i nazwisko).

JSON ciąg jest konwertowany do obiektu JavaScript

Zazwyczaj czytamy danych JSON z serwera i wyświetla dane na stronie internetowej.

Dla uproszczenia założyliśmy stronę internetową bezpośrednio JSON ciąg (można też przeczytać nasz poradnik JSON ):

Po pierwsze, należy utworzyć łańcuch JavaScript, dane ciąg znaków w formacie JSON ?:

var text = "{" pracownicy ": [ '+
'{ "FirstName": "Jan", "lastName": "Doe"},' +
'{ "FirstName": "Anna", "lastName": "Smith"},' +
'{ "FirstName": "Piotr", "lastName": "Jones"}]}';

Następnie za pomocą wbudowanej funkcji JavaScript JSON.parse () przekonwertować ciąg do obiektów JavaScript:

var obj = JSON.parse (tekst);

Wreszcie, korzystając z nowego obiektu JavaScript na swojej stronie:

Przykłady

<P id = "demo"> </ p>

<Script>
document.getElementById ( "demo"). innerHTML =
obj.employees [1] .firstName + "" + obj.employees [1] .lastName;
</ Script>

Spróbuj »

Podobne funkcje

funkcja	opis
JSON.parse ()	Przez ciąg JSON do obiektu JavaScript.
JSON.stringify ()	JavaScript jest używany do konwersji wartości na ciąg JSON.

JSON więcej informacji można przeczytać nasz poradnik JSON .