Ultimele tutoriale de dezvoltare web
 

JSON Tutorial

JSON: Object Notation JavaScript.

JSON este o sintaxă pentru stocarea și schimbul de date.

JSON este o alternativă mai ușor de utilizat XML.


Următorul exemplu JSON definește un angajații se opune, cu o serie de 3 înregistrări ale angajaților:

JSON Exemplu

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

Următorul exemplu XML, definește, de asemenea, un angajați cu 3 opoziție înregistrări ale angajaților:

Exemplul XML

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

Ce este JSON?

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

* JSON folosește sintaxa JavaScript, dar formatul JSON este doar text, la fel ca XML.
Textul poate fi citit și folosit ca un format de date de către orice limbaj de programare.


JSON - Estimează în obiecte JavaScript

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

Din cauza acestei similitudine, în loc de a folosi un parser (like XML does) , un program JavaScript poate utiliza funcțiile JavaScript standard pentru a converti JSON în obiecte JavaScript native.


Încearcă-l singur

Cu editorul nostru, puteți modifica codul JavaScript on-line și faceți clic pe un buton pentru a vedea rezultatul:

JSON Exemplu

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

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

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
Încearcă - l singur »

La fel ca XML Deoarece

  • Atât JSON și XML sunt "self describing" - "self describing" (human readable)
  • Atât JSON și XML sunt ierarhice (values within values) de (values within values)
  • Atât JSON și XML poate fi analizat și utilizat de o mulțime de limbaje de programare
  • Atât JSON și XML poate fi preluat cu un XMLHttpRequest

Mult Spre deosebire de XML Deoarece

  • JSON nu utilizează tag-ul final
  • JSON este mai scurt
  • JSON este mai rapid să citească și să scrie
  • JSON pot utiliza matrice

Cea mai mare diferență este:

XML trebuie să fie analizate cu un parser XML. JSON poate fi analizat printr-o funcție JavaScript standard.


De ce JSON?

Pentru aplicații AJAX, JSON este mai rapid și mai ușor decât XML:

Utilizarea XML

  • Preluați un document XML
  • Utilizați DOM XML pentru a bucla prin documentul
  • Valorile de extracție și se păstrează în variabile

Utilizarea JSON

  • Preluați un șir JSON
  • JSON.parse șirul JSON