Latest web development tutorials

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

Текст JSON преобразуется в объекты JavaScript

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

Для того, чтобы сделать его более легким для вас, чтобы объяснить, мы используем строку в качестве входных данных для представления (а не файл).


JSON экземпляр - объект из строки

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

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

Поскольку синтаксис JSON является подмножеством синтаксиса JavaScript, функция JavaScript Eval () можно использовать для преобразования текста в объект JSON JavaScript.

Функция Eval () использует компилятор JavaScript может разобрать JSON текст, а затем генерировать объекты JavaScript. Текст должен быть заключен в круглые скобки, с тем, чтобы избежать ошибок синтаксиса:

var obj = eval ("(" + txt + ")");

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

примеров

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

Попробуйте »

JSON парсер

лампа Функция Eval () может скомпилировать и выполнить любой код JavaScript. Это скрывает потенциальную проблему безопасности.

Использование JSON парсер для преобразования объекта JSON JavaScript является более безопасным подходом. JSON JSON синтаксического анализа распознает только, но не компиляции сценария.

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

Новые браузеры и последние ECMAScript (JavaScript) стандарт содержит встроенную поддержку JSON является.

Web 浏览器支持 Web 软件支持
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

Попробуйте »

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

Формат JSON изначально был разработан изначально определяется Douglas Crockford