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

❮ w3ii Home Next Chapter ❯