Forum | Najnowsze tutoriale tworzenie stron internetowych
 

JSON Poradnik

JSON: JavaScript Object Notation.

JSON jest składnia do przechowywania i wymiany danych.

JSON jest łatwiejszy w obsłudze alternatywą dla XML.


Poniższy przykład definiuje JSON pracownicy obiektów, z tablicą 3 ewidencji pracowników:

Przykład JSON

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

Poniższy przykład XML definiuje także pracownicy an object z 3 rekordów pracowniczych:

Przykład 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>

Co to jest JSON?

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

* JSON używa składni JavaScript, ale format JSON jest tylko tekst, podobnie jak XML.
Tekst można odczytać i wykorzystać jako format danych według dowolnego języka programowania.


JSON - Zwraca obiektów JavaScript

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

Z powodu tego podobieństwa, zamiast korzystania z parsera XML (jak robi), program JavaScript może używać standardowych funkcji JavaScript do konwersji danych JSON do rodzimych obiektów JavaScript.


Spróbuj sam

Z naszym edytorze można edytować kod JavaScript online i kliknij na przycisku, aby wyświetlić wynik:

Przykład JSON

<!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>
Spróbuj sam "

Ponieważ podobnie jak XML

  • Zarówno JSON i XML są "self opisując" (czytelny dla człowieka)
  • Zarówno JSON i XML są hierarchiczne (wartości w zakresie wartości)
  • Zarówno JSON i XML mogą być przetwarzane i wykorzystywane przez wielu języków programowania
  • Zarówno JSON i XML mogą być pobrane z XMLHttpRequest

Znacznie przeciwieństwie Ponieważ XML

  • JSON nie wykorzystuje znacznik końcowy
  • JSON jest krótszy
  • JSON jest szybciej czytać i pisać
  • JSON można korzystać z tablic

Największą różnicą jest to:

XML musi być analizowany z parsera XML. JSON może być analizowany za pomocą standardowej funkcji JavaScript.


Dlaczego JSON?

W przypadku aplikacji AJAX, JSON jest szybsza i łatwiejsza niż XML:

Korzystanie z XML

  • Fetch dokument XML
  • Użyj DOM XML pętli dokumentu
  • Wartości wyodrębnić i przechowywać w zmiennych

Korzystanie JSON

  • Pobiera ciąg JSON
  • JSON.parse ciąg JSON