Форум | Последние учебники веб-разработки
 

JSON Руководство

JSON: формате JavaScript Object Notation.

JSON является синтаксис для хранения и обмена данными.

JSON является более простой в использовании альтернатива XML.


Следующий пример JSON определяет сотрудников объекта, с массивом из 3 записей сотрудников:

Пример JSON

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

В следующем примере XML также определяет сотрудников объекта с 3 записей сотрудников:

Пример 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>

Что такое JSON?

  • JSON означает формате JavaScript Object Notation
  • JSON представляет собой легкий формат обмена данными
  • JSON является независимым от языка *
  • JSON является "самоописываемыми" и легко понять,

* JSON использует синтаксис JavaScript, но формат JSON является только текст, так же, как XML.
Текст можно читать и использовать в качестве формата данных с помощью любого языка программирования.


JSON - Оценивает к объектам JavaScript

Формат JSON синтаксически идентичен коду для создания объектов JavaScript.

Из-за этого сходства, вместо того чтобы использовать анализатор (как XML-делает), программа JavaScript может использовать стандартные функции JavaScript для преобразования данных в формате JSON в собственные объекты JavaScript.


Попробуй сам

С помощью нашего редактора вы можете редактировать код JavaScript в Интернете и нажмите на кнопку, чтобы увидеть результат:

Пример 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>
Попробуй сам "

Так же, как XML Поскольку

  • Оба JSON и XML являются "само описания" (для чтения человеком)
  • Оба JSON и XML являются иерархическими (значения в пределах значений)
  • Оба JSON и XML может быть разобран и используется большим количеством языков программирования
  • Оба JSON и XML, могут быть выбраны с помощью XMLHttpRequest

Многое В отличие от XML Поскольку

  • JSON не использует конечный тег
  • JSON короче
  • JSON быстрее читать и писать
  • JSON можно использовать массивы

Самая большая разница:

XML должен быть проанализирован с XML-анализатором. JSON можно анализировать с помощью стандартной функции JavaScript.


Почему JSON?

Для приложений AJAX, JSON быстрее и проще, чем XML:

Использование XML

  • Забрать документ XML
  • Использование XML DOM в цикле через документ
  • Извлечь значения и хранятся в переменных

Использование JSON

  • Fetch строку JSON
  • JSON.parse строку JSON