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

JSON Как


Обычное использование JSON является для чтения данных с веб-сервера, а также отображать данные в веб-страницы.

Для простоты, это может быть продемонстрировано с помощью строки в качестве входных данных (вместо файла).


Пример JSON - объект из строки

Создайте строку JavaScript, содержащую синтаксис JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Синтаксис JSON является подмножеством синтаксиса JavaScript.

Функция JavaScript JSON.parse( text ) может быть использован для преобразования текста JSON в объект JavaScript:

var obj = JSON.parse(text);

Используйте новый объект JavaScript на странице:

пример

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

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Попробуй сам "

Использование eval()

Старые версии браузеров без поддержки функции JavaScript JSON.parse() можно использовать eval() функцию , чтобы преобразовать текст JSON в объект JavaScript:

пример

var obj = eval ("(" + text + ")");
Попробуй сам "

eval() функция может компилировать и выполнять любые JavaScript.
Это представляет собой потенциальную проблему безопасности. Постарайтесь , чтобы избежать этого.

Это безопаснее использовать JSON парсер для преобразования текста JSON в объект JavaScript.

JSON анализатор будет распознавать только текст JSON и не будет компилировать скрипты.

В браузерах, которые обеспечивают встроенную поддержку JSON, JSON парсеры также быстрее.

Встроенная поддержка JSON включена во всех основных браузерах и в последнем ECMAScript (JavaScript) стандарт:

Веб-браузеры Поддержка
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

Для более старых браузеров, библиотека JavaScript доступна на https://github.com/douglascrockford/JSON-js .

Формат JSON первоначально был указан Douglas Crockford .