Ultimele tutoriale de dezvoltare web
 

JavaScript JSON


JSON este un format pentru stocarea și transportul de date.

JSON este adesea folosit atunci când datele sunt trimise de la un server la o pagină web.


Ce este JSON?

  • JSON standuri pentru JavaScript Object Notation
  • JSON este formatul de schimb de date ușor
  • JSON este limba independentă *
  • JSON este "self-describing" - "self-describing" și ușor de înțeles

* Sintaxa JSON este derivată din sintaxa notația obiect JavaScript, dar formatul JSON este numai text. Cod pentru citirea și generarea de date JSON pot fi scrise în orice limbaj de programare.


JSON Exemplu

Această sintaxă JSON definește un angajații obiecta: o serie de 3 înregistrări ale angajaților (objects) :

JSON Exemplu

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

Format JSON Estimează la obiecte JavaScript

Formatul JSON sintactic este identic cu codul pentru crearea de obiecte JavaScript.

Din cauza acestei asemanari, un program JavaScript poate converti cu ușurință date JSON în obiecte JavaScript native.


Reguli de sintaxă JSON

  • Datele sunt în perechi nume / valoare
  • Datele sunt separate prin virgule
  • acolade dețin obiecte
  • între paranteze pătrate dețin matrice

JSON de date - un nume și o valoare

JSON este scris ca perechi nume / valoare, la fel ca proprietăți obiect JavaScript.

O pereche nume / valoare constă dintr - un nume de câmp (in double quotes) , urmat de două puncte, urmat de o valoare:

"firstName" :"John"

nume JSON necesită ghilimele duble. Numele JavaScript nu.


JSON Obiecte

JSON obiecte sunt scrise în interiorul acolade.

La fel ca în JavaScript, obiectele pot conține mai multe perechi nume / valoare:

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

JSON Arrays

matrice JSON sunt scrise în interiorul paranteze pătrate.

La fel ca în JavaScript, o matrice poate conține obiecte:

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

În exemplul de mai sus, obiect "employees" este o matrice. Acesta conține trei obiecte.

Fiecare obiect este o înregistrare a unei persoane (with a first name and a last name) .


Conversia unui text JSON într-un obiect JavaScript

O utilizare obișnuită a JSON este de a citi date de pe un server web, și afișa datele într-o pagină web.

Pentru simplificare, acest lucru poate fi demonstrată folosind un șir de caractere ca date de intrare (sau cititi mai multe din tutorial JSON ):

Mai întâi, creați un șir de caractere care conține JavaScript sintaxa JSON:

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

Apoi, utilizați JavaScript built-in funcția JSON. parse() JSON. parse() pentru a converti șir într - un obiect JavaScript:

var obj = JSON.parse(text);

În cele din urmă, utilizați noul obiect JavaScript în pagina ta:

Exemplu

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

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Încearcă - l singur »

Puteți citi mai multe despre JSON în nostru tutorial JSON .