Введение в JSON

JSON: JavaScript Object Notation (JavaScript Object Notation).

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

JSON написан с помощью текста, основанного на объектной модели JavaScript.

Обмен данными

Когда данные передаются между браузером и сервером, они должны быть только текстом.

JSON является текстом, и мы можем преобразовать любой объект JavaScript в JSON, а затем отправить JSON на сервер.

Мы также можем преобразовать любое полученное с сервера JSON в объект JavaScript.

Таким образом, мы можем обрабатывать данные как объекты JavaScript, не требуя сложного анализа и преобразования.

Отправка данных

Если ваши данные хранятся в объекте JavaScript, вы можете преобразовать этот объект в JSON, а затем отправить его на сервер.

Пример

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Попробуйте сами

Вы узнаете больше о JSON.stringify() Знания о функции.

Получение данных

Если вы получаете данные в формате JSON, вы можете преобразовать их в объект JavaScript:

Пример

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Попробуйте сами

Вы узнаете больше о JSON.parse() Знания о функции.

Хранение данных

При хранении данных они должны быть в определенном формате, и неважно, где вы их храните, текст всегда является одним из合法ных форматов.

JSON позволяет хранить объекты JavaScript в текстовом формате.

Пример

Сохранить данные в локальном хранилище

//Хранение данных:
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Получение данных:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Попробуйте сами

Что такое JSON?

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

*

JSON использует синтаксис JavaScript, но формат JSON является纯 текстовым.

Текст может быть прочитан и использован любым программным языком в качестве данных.

Формат JSON был предложен Дугласом Крокфوردом.

Почему использовать JSON?

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

JavaScript предоставляет встроенные функции для преобразования строк, написанных в формате JSON, в.native JavaScript объекты:

JSON.parse()

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