Najnowsze tutoriale tworzenie stron internetowych
 

JSON - Wprowadzenie


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 jest "self opisując" (czytelny dla człowieka)
  • Zarówno JSON i XML jest hierarchiczny (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