Как записать данные которые ввел пользователь в data json
Перейти к содержимому

Как записать данные которые ввел пользователь в data json

  • автор:

Как записать данные в файл JSON, используя Javascript?

Есть страничка html, в ней есть div в нее через JS проходит json. Так же есть на сервере файл json расширения. Как мне заставить JS скрипт заполнять файл json расширения jsonом который приходим в div на html страничке. вот мой ничего не делающий код:

let result = document.getElementById('data'); console.log(result); let xhr = new XMLHttpRequest(); let url = "https://000webhostapp.com/data-model.json"; xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function () < if (xhr.readyState === 4 && xhr.status == 200) < var data = JSON.stringify(result); result.innerText = JSON.stringify(data); >>; xhr.send(result); 

Отслеживать
задан 25 дек 2020 в 19:54
410 2 2 серебряных знака 19 19 бронзовых знаков

обычно это делается на сервере — то есть есть база данных к примеру mariadb — или sqllite но вместо вывода на страницу делается запрос на сохранение в формат json на каком языке это не имеет значение . javascript не умеет обращаться к базе данных и потому применяют node.js или php или любой другой язык который умеет работать на сервере но javascript работает только в той вкладке которая открыта ..

25 дек 2020 в 21:56
и кстати — минусаторы — достаточно просто объяснить а не лепить минусы
25 дек 2020 в 21:59

а до этого в панели админа есть форма добавления статей или чего угодно и это всё хозяйство попадает в базу данных откуда мы выводим как нам надо ..но хранение информации в json не хорошая затея ..низкая скорость хотя для общения между серверами удобно

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

На этом уроке мы познакомимся с другим очень популярным форматом, который чаще используют для передачи данных между программами и серверами по сети: JSON.

План урока

  1. Как гуляют данные по сети
  2. Формат данных JSON (Джейсон)
  3. Пишем программу-гороскоп

Не этот Джейсон

Когда XML-формата недостаточно

XML — очень сложный и навороченный формат (мы просто не касались сложностей) — в нем можно хранить все, даже картинки, чем пользуется Word (см. уро 29). Зачастую нужно передать простые данные (список покупок в магазине, email пользователя, адрес сайта).

Для этого можно воспользоваться форматом попроще, JSON.

Сравнение XML и JSON-структур

Для такого простого списка XML избыточен. Формат JSON — он проще, меньше весит, а значит в некоторых случаях быстрее передается и обрабатывается. Любой уважающий себя программист должен знать оба формата. В будущих уроках мы еще на практике не раз будем обоими ими пользоваться.

Формат данных JSON

По сути это JSON-объект — это ассоциативный массив, записанный в файл по строгим правилам: набор пар ключ-значение, перечисленных через запятую, внутри фигурных скобок:

Ключом в JSON-файле может быть только строка, а вот значением может быть не только строка, но и число, булевский тип ( true или false ), другой JSON-объект или массив.

Также в JSON можно хранить массив JSON-объектов.

Как видите ничего лишнего, только то, что доктор прописал для простых данных. JSON-объекты проще, но ими также можно описать очень сложные структуры данных при желании. Но обычно ветвление даже не идёт дальше второго уровня.

Чтение JSON-файлов в Ruby

JSON-объекты очень удобны тем, что в любом языке программирования, где есть ассоциативные массивы, их очень удобно использовать (и именно поэтому ассоциативные массивы так популярны). Для конвертации JSON-объекта в хэш руби нам понадобится парсер. Который уже встроен в ruby, но его, однако, нужно подключить с помощью команды require .

# Подключаем JSON-парсер require 'json' # Читаем файл с цветами file = File.read('colors.json') # Конвертируем JSON-объект в хэш руби data_hash = JSON.parse(file) # Выводим код красного цвета p data_hash['red'] 

Пишем программу-гороскоп

Давайте для начала поставим задачу: хотим программу, которая просит пользователя ввести дату рождения и показывает ему информацию о его знаке зодиака.

И для начала, как обычно, давайте продумаем, как мы будем хранить данные. Пусть в файле signs.json у нас будет JSON-объект, ключами которого будут названия знаков зодиака на латыни, а значениями — JSON-объекты, содержащие информацию об этом знаке: интервалы дат и описание.

JSON-структура для программы

Подробнее смотрите файл signs.json в материалах к этому уроку.

Давайте теперь напишем саму программу, создайте в папке урока rubytut2/lesson10 файл astro_sign.rb :

# Подключаем нужные библиотеки require 'json' require 'date' # Прочитаем файл со знаками зодиака и сразу запишем данные в хэш # Это делается с помощью специального класса JSON file = File.read('signs.json', encoding: 'utf-8') signs = JSON.parse(file) # Спросим у пользователя дату его рождения puts "Когда вы родились (укажите дату в формате ДД.ММ, например, 08.03)" input_date = STDIN.gets.chomp # Создадим объект класса Date и запишем в него дату рождения # Нам не важен год, поэтому везде будем ставить 2000-й, чтобы метод Parse мог взять конкретную дату user_birth_date = Date.parse(input_date + '.2000') # Теперь пройдёмся по всем ключам нашего ассоциативного массива и найдём нужный знак user_sign = nil # Для ассоциативных массивов, как и для обычных, тоже есть метод each signs.each do |sign_key, sign| # Разобьём даты в массив из двух элементов знакомым методом split dates = sign['dates'].split('..') # У объектов класса Date определены методы больше и меньше # Они позволяют сравнивать даты как числа # Если день рождения пользователя попадает между датами какого-то знака зодиака, # записываем результат в переменную user_sign if (Date.parse(dates[0] + '.2000')  

Обратите внимание, что чтобы эта программа работала с козерогами, нам пришлось в файле signs.json разбить этот знак на два один с интервалом в январе, другой с интервалом в декабре.

Как писать в JSON-файлы в руби мы отдельно разбирать не будем. Так что разберитесь сами.

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

А на следующем уроке — наше первое знакомство с БД, поистине незаменимым инструментом программиста.

Как записать данные которые ввел пользователь в data json

Добрый день! У меня возник вопрос. Может ли web-ирбис отдавать по запросу результаты поиска в формате json или xml. (Посылаем на веб-ирбис поисковый запрос «пушкин», получаем результаты в формате json или xml).

Есть ли такая возможность?

Re: Вывод данных поиска в формате json
Пользователь: woodyfon (IP-адрес скрыт)
Дата: 01, December, 2020 16:34
Web-ирбис - это cgi-шлюз. Как затем планируете обрабатывать полученные данные в json или xml?
Re: Вывод данных поиска в формате json
Пользователь: Ivanm (IP-адрес скрыт)
Дата: 02, December, 2020 09:02
То есть никак? Я впервые сталкиваюсь с cgi технологией 🙁
Re: Вывод данных поиска в формате json
Пользователь: Gena (IP-адрес скрыт)
Дата: 02, December, 2020 10:27

Тут вопрос не в cgi - это всего лишь технология функционирования веб-сервиса. Весь веб-Ирбис - это конструктор. В зависимости от настроек в ини-файлах и переданных параметров, он из кусочков собирает ответ. При этом может собирать как тело, так и заголовки. Так что вы можете добиться при желании вывода данных в любом формате.

Общий алгоритм приблизительно такой:
1. Создаете в ини-файле Веб-Ирбиса новую секцию для базы, например [IBIS_JSON]. В этой секции прописываете названия фреймов, которые формируют заголовок и футор описания ответа. Если там не предполагается какой-то константной части, то можно вообще футор и хеадер не придумывать
2. СОздаете формат, который отработав на записи, формирует нужный ответ в JSON
3. Обращаетесь к ВебИрбису с передачей в параметрах названия базы данных, названия профиля [IBIS_JSON], и имени формата, который используется для создания JSON. Ну и не забіваем передать поисковый запрос

В ответ на это ВебИрбис вернет вам JSON

Re: Вывод данных поиска в формате json
Пользователь: woodyfon (IP-адрес скрыт)
Дата: 03, December, 2020 12:12

Ivanm написал(а):
-------------------------------------------------------
> То есть никак? Я впервые сталкиваюсь с cgi
> технологией 🙁
Работа с cgi ничем не отличается от работы с любым другим скриптом. Необходимо передать данные и заголовки. Конструктор вернет данные в json по заданному формату. Меня, действительно, интересует вопрос как Вы потом планируете их обрабатывать?

Re: Вывод данных поиска в формате json
Пользователь: Gena (IP-адрес скрыт)
Дата: 03, December, 2020 16:03

woodyfon написал(а):
-------------------------------------------------------
> Ivanm написал(а):
> --------------------------------------------------
> -----
> > То есть никак? Я впервые сталкиваюсь с cgi
> > технологией 🙁
> Работа с cgi ничем не отличается от работы с любым
> другим скриптом. Необходимо передать данные и
> заголовки. Конструктор вернет данные в json по
> заданному формату. Меня, действительно, интересует
> вопрос как Вы потом планируете их обрабатывать?

php -> curl -> json_encode -> .

Re: Вывод данных поиска в формате json
Пользователь: woodyfon (IP-адрес скрыт)
Дата: 03, December, 2020 16:19

Gena,
Имел в виду не это. Пользователь собирается писать свой формат представления данных (json), но потом предется как-то с полученными данными работать. Куда именно их требуется ввести. Дык, может, проще будет написать выходную форму.

Re: Вывод данных поиска в формате json
Пользователь: Gena (IP-адрес скрыт)
Дата: 03, December, 2020 16:49

woodyfon написал(а):
-------------------------------------------------------
> Gena,
> Имел в виду не это. Пользователь собирается писать
> свой формат представления данных (json), но потом
> предется как-то с полученными данными работать.
> Куда именно их требуется ввести. Дык, может, проще
> будет написать выходную форму.

Например, делается связка АСУ ВУЗа с САБ ИРБИС. В АСУ ВУЗа есть подсистема управления учебными планами, в которую необходимо вставлять список рекомендуемой литературы. Можно ручками копировать, а можно вставить форму подбора литературы из Электронного каталога: модальное окно, несколько полей для поиска, результаты поиска в виде списка, при клике по нужной позиции - добавляется сверстанное описание в список литературы.

Это как пример. Что-то подобное делалось в нескольких организациях.

Re: Вывод данных поиска в формате json
Пользователь: SokV (IP-адрес скрыт)
Дата: 15, February, 2021 14:54

В самом Веб-ИРБИС сейчас используется JSON для получения необходимых по ситуации дополнительных данных с помощью AJAX запросов со страницы открытой в браузере. Так что можно посмотреть примеры использования.

В этом вопросе важный момент это сделанная в своё время доработка - специальный юнифор, который кодирует символы в виде, подходящем для определения строк в Javascript и JSON

Если не кодировать, то другого надёжного способа нет защиты, чтобы не "сломать" строку, если в ней произвольные данные.

Re: Вывод данных поиска в формате json
Пользователь: Ivanm (IP-адрес скрыт)
Дата: 09, November, 2021 10:26

Можно сделать по примеру как в 2020 ирбисе? -

[ZAPR]
FRAMES=C:\2020web\CGI\irbis64r_plus\frames_plus\FullText\
ShowFrames=show_search_queries.frm
RecUpdateFrames=RESULT,rec_update_result_json.frm
DBNAME=ZAPR

Работа с JSON

Обозначение объектов JavaScript (JSON - JavaScript Object Notation) - стандартный текстовый формат для представления структурированных данных на основе синтаксиса объекта JavaScript. Он обычно используется для передачи данных в веб-приложениях (например, отправка некоторых данных с сервера клиенту,таким образом чтобы это могло отображаться на веб-странице или наоборот). Вы будете сталкиваться с этим довольно часто, поэтому в этой статье мы даём вам все, что вам нужно для работы с JSON используя JavaScript, включая парсинг JSON, чтобы вы могли получить доступ к данным внутри него при создании JSON.

Необходимые знания: Базовая компьютерная грамотность, базовые знания HTML и CSS, знакомство с основами JavaScript (см. First steps и Building blocks) и основами OOJS (see Introduction to objects (en-US) ).
Цель: Понять, как работать с данными, хранящимися в JSON, и создавать свои собственные объекты JSON.

Нет, действительно, что такое JSON?

JSON - текстовый формат данных, следующий за синтаксисом объекта JavaScript, который был популяризирован Дугласом Крокфордом. Несмотря на то, что он очень похож на буквенный синтаксис объекта JavaScript, его можно использовать независимо от JavaScript, и многие среды программирования имеют возможность читать (анализировать) и генерировать JSON.

JSON существует как строка,что необходимо при передаче данных по сети. Он должен быть преобразован в собственный объект JavaScript, если вы хотите получить доступ к данным. Это не большая проблема. JavaScript предоставляет глобальный объект JSON, который имеет методы для преобразования между ними.

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

Объект JSON может быть сохранён в собственном файле, который в основном представляет собой текстовый файл с расширением .json и MIME type application/json .

Структура JSON

Как описано выше, JSON представляет собой строку, формат которой очень похож на буквенный формат объекта JavaScript. Вы можете включать одни и те же базовые типы данных внутри JSON, так же как и в стандартном объекте JavaScript - строки, числа, массивы, булевы и другие объектные литералы. Это позволяет построить иерархию данных, к примеру, так:

 "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [  "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"] >,  "name": "Madame Uppercut", "age": 39, "secretIdentity": "Jane Wilson", "powers": [ "Million tonne punch", "Damage resistance", "Superhuman reflexes" ] >,  "name": "Eternal Flame", "age": 1000000, "secretIdentity": "Unknown", "powers": [ "Immortality", "Heat Immunity", "Inferno", "Teleportation", "Interdimensional travel" ] > ] > 

Если бы мы загрузили этот объект в программу JavaScript, создали переменную с названием superHeroes , мы могли бы затем получить доступ к данным внутри неё, используя те же самые точечную и скобочную нотации, которые мы рассмотрели в статье JavaScript object basics. Например:

.homeTown; superHeroes["active"]; 

Чтобы получить доступ к последующим данным по иерархии, вам просто нужно объединить требуемые имена свойств и индексы массивов. Например, чтобы получить доступ к третьей сверхспособности второго героя, указанного в списке участников, вы должны сделать следующее:

["members"][1]["powers"][2]; 
  1. Сначала у нас есть имя переменной - superHeroes .
  2. Внутри мы хотим получить доступ к свойству members , поэтому мы используем ['members'] .
  3. members содержат массив, заполненный объектами. Мы хотим получить доступ ко второму объекту внутри массива, поэтому мы используем [1] .
  4. Внутри этого объекта мы хотим получить доступ к свойству powers , поэтому мы используем ['powers'] .
  5. Внутри свойства powers находится массив, содержащий сверхспособности выбранного героя. Нам нужен третий, поэтому мы используем [2] .

Примечание: . Мы сделали JSON, видимый выше, доступным внутри переменной в нашем примере JSONTest.html (см. исходный код). Попробуйте загрузить это, а затем получить доступ к данным внутри переменной через консоль JavaScript вашего браузера.

Массивы как JSON

Выше мы упоминали ,что JSON текст выглядит практически так же как и JavaScript объект,и это почти правильно.Причина,по которой мы говорим почти правильно заключается в том ,что массив также валиден JSON например:

[  "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "powers": ["Radiation resistance", "Turning tiny", "Radiation blast"] >,  "name": "Madame Uppercut", "age": 39, "secretIdentity": "Jane Wilson", "powers": [ "Million tonne punch", "Damage resistance", "Superhuman reflexes" ] > ] 

Вышесказанное вполне справедливо для JSON. Вам просто нужно получить доступ к элементам массива (в его анализируемой версии), начиная с индекса массива, например [0]["powers"][0] .

Другие примечания

  • JSON - это чисто формат данных - он содержит только свойства, без методов.
  • JSON требует двойных кавычек, которые будут использоваться вокруг строк и имён свойств. Одиночные кавычки недействительны.
  • Даже одна неуместная запятая или двоеточие могут привести к сбою JSON-файла и не работать. Вы должны быть осторожны, чтобы проверить любые данные, которые вы пытаетесь использовать (хотя сгенерированный компьютером JSON с меньшей вероятностью включает ошибки, если программа генератора работает правильно). Вы можете проверить JSON с помощью приложения вроде JSONLint.
  • JSON может принимать форму любого типа данных, допустимого для включения в JSON, а не только массивов или объектов. Так, например, одна строка или номер будут действительным объектом JSON.
  • В отличие от кода JavaScript, в котором свойства объекта могут не заключаться в двойные кавычки, в JSON в качестве свойств могут использоваться только строки заключённые в двойные кавычки.

Активное обучение: Работа с примером JSON

Итак, давайте рассмотрим пример, чтобы показать то, как мы можем использовать некоторые данные JSON на веб-сайте.

Начало работы

Для начала создайте локальные копии наших файлов heroes.html и style.css. Последний содержит простой CSS для стилизации нашей страницы, в то время как первый содержит очень простой HTML-код сущности:

header>header> section>section> 
var header = document.querySelector("header"); var section = document.querySelector("section"); 

Мы собираемся загрузить его на нашу страницу и использовать некоторые изящные манипуляции DOM, чтобы отобразить их, например:

Получение JSON

Чтобы получить JSON, мы будем использовать API, называемый XMLHttpRequest (часто называемый XHR). Это очень полезный объект JavaScript, который позволяет нам делать сетевые запросы для извлечения ресурсов с сервера через JavaScript (например, изображения, текст, JSON, даже фрагменты HTML), что означает, что мы можем обновлять небольшие разделы контента без необходимости перезагрузки всей страницы. Это привело к более отзывчивым веб-страницам и звучит захватывающе, но, к сожалению, выходит за рамки этой статьи, чтобы изучить это гораздо более подробно.

    Начнём с того, что мы собираемся сохранить URL-адрес JSON, который мы хотим получить в переменной. Добавьте нижеследующий код JavaScript:

var requestURL = "https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json"; 
var request = new XMLHttpRequest(); 
.open("GET", requestURL); 
  • Метод HTTP, который следует использовать при выполнении сетевого запроса. В этом случае GET самый подходящий, так как мы просто извлекаем некоторые простые данные.
  • URL-адрес для запроса - это URL-адрес файла JSON, который мы сохранили ранее.
.responseType = "json"; request.send(); 
.onload = function ()  var superHeroes = request.response; populateHeader(superHeroes); showHeroes(superHeroes); >; 

Здесь мы сохраняем ответ на наш запрос (доступный в свойстве response ) в переменной superHeroes ; эта переменная теперь будет содержать объект JavaScript, основанный на JSON! Затем мы передаём этот объект двум вызовам функций - первый из них заполнит правильными данными, а второй создаст информационную карту для каждого героя в команде и вставляет её в .

Мы свернули код в обработчик событий, который запускается, когда событие загрузки запускается в объекте запроса (см. onload (en-US) ) - это связано с тем, что событие загрузки запускается, когда ответ успешно возвращается; поступая таким образом,это гарантия того, что request.response определённо будет доступен, когда мы начнём работу с ним.

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

function populateHeader(jsonObj)  var header = document.querySelector("header"); var myH1 = document.createElement("h1"); myH1.textContent = jsonObj["squadName"]; header.appendChild(myH1); var myPara = document.createElement("p"); myPara.textContent = "Hometown: " + jsonObj["homeTown"] + " // Formed: " + jsonObj["formed"]; header.appendChild(myPara); > 

Мы назвали параметр jsonObj , чтобы напомнить себе, что этот объект JavaScript возник из JSON. Здесь мы сначала создаём элемент (en-US) с createElement() , устанавливаем его textContent равным свойству squadName объекта, а затем добавляем его в заголовок с помощью appendChild() . Затем мы выполняем очень похожую операцию с абзацем: создаём его, устанавливаем его текстовое содержимое и добавляем его в заголовок. Единственное различие заключается в том, что его текст задан, как конкатенированная строка, содержащая как homeTown , так и formed свойства объекта.

Создание информационных карт героя

Затем добавьте следующую функцию внизу кода, которая создаёт и отображает карты супергероев:

function showHeroes(jsonObj)  var section = document.querySelector("section"); var heroes = jsonObj["members"]; for (var i = 0; i  heroes.length; i++)  var myArticle = document.createElement("article"); var myH2 = document.createElement("h2"); var myPara1 = document.createElement("p"); var myPara2 = document.createElement("p"); var myPara3 = document.createElement("p"); var myList = document.createElement("ul"); myH2.textContent = heroes[i].name; myPara1.textContent = "Secret identity: " + heroes[i].secretIdentity; myPara2.textContent = "Age: " + heroes[i].age; myPara3.textContent = "Superpowers:"; var superPowers = heroes[i].powers; for (var j = 0; j  superPowers.length; j++)  var listItem = document.createElement("li"); listItem.textContent = superPowers[j]; myList.appendChild(listItem); > myArticle.appendChild(myH2); myArticle.appendChild(myPara1); myArticle.appendChild(myPara2); myArticle.appendChild(myPara3); myArticle.appendChild(myList); section.appendChild(myArticle); > > 

Для начала сохраним свойство members объекта JavaScript в новой переменной. Этот массив содержит несколько объектов, которые содержат информацию для каждого героя.

Затем мы используем for loop для циклического прохождения каждого объекта в массиве. Для каждого из них мы:

  1. Создаём несколько новых элементов: , , три

    и
    .

  2. Устанавливаем , чтобы содержать name текущего героя.
  3. Заполняем три абзаца своей secretIdentity , age и строкой, в которой говорится: «Суперспособности:», чтобы ввести информацию в список.
  4. Сохраняем свойство powers в другой новой переменной под названием superPowers - где содержится массив, в котором перечислены сверхспособности текущего героя.
  5. Используем другой цикл for , чтобы прокрутить сверхспособности текущего героя , для каждого из них мы создаём элемент
  6. , помещаем в него сверхспособности, а затем помещаем listItem внутри элемента
    ( myList ) с помощью appendChild() .
  7. Последнее, что мы делаем, это добавляем ,

    и
    внутри ( myArticle ), а затем добавляем в . Важное значение имеет порядок, в котором добавляются элементы, так как это порядок, который они будут отображать внутри HTML.

Примечание: . Если вам не удаётся заставить этот пример работать, попробуйте обратиться к нашему исходному коду heroes-finished.html (см. также он работает в режиме live).

Примечание: . Если у вас возникли проблемы после нотации точек / скобок, которые мы используем для доступа к объекту JavaScript, в этом поможет открытие файла superheroes.json на другой вкладке или в текстовом редакторе ,и обращаться к нему каждый раз, когда вам нужен JavaScript. Вы также можете обратиться к нашей статье JavaScript objectbasics чтобы получить дополнительную информацию о нотации точек и скобок.

Преобразование между объектами и текстом

Вышеприведённый пример был прост с точки зрения доступа к объекту JavaScript, потому что мы задали XHR-запрос для прямого преобразования ответа JSON в объект JavaScript, используя:

.responseType = "json"; 

Но иногда нам не так везёт - иногда мы получаем сырую строку JSON и нам нужно преобразовать её в объект самостоятельно. И когда мы хотим отправить объект JavaScript по сети, нам нужно преобразовать его в JSON (строку) перед отправкой. К счастью, эти две проблемы настолько распространены в веб-разработке, что встроенный объект JSON доступен в браузерах, которые содержат следующие два метода:

  • parse() : принимает строку JSON в качестве параметра и возвращает соответствующий объект JavaScript.
  • stringify() : принимает объект, как параметр и возвращает эквивалентную строковую JSON строку.

Вы можете увидеть первый метод в действии в нашем примере heroes-finished-json-parse.html (см. исходный код) - это то же самое, что и в примере, который мы создали ранее, за исключением того, что мы установили XHR для возврата сырого JSON текста, затем используется parse() , чтобы преобразовать его в фактический объект JavaScript. Ключевой фрагмент кода находится здесь:

.open("GET", requestURL); request.responseType = "text"; // now we're getting a string! request.send(); request.onload = function ()  var superHeroesText = request.response; // get the string from the response var superHeroes = JSON.parse(superHeroesText); // convert it to an object populateHeader(superHeroes); showHeroes(superHeroes); >; 

Как вы могли догадаться, stringify() работает обратным образом. Попробуйте ввести следующие строки в консоль JavaScript браузера один за другим, чтобы увидеть его в действии:

var myJSON =  name: "Chris", age: "38" >; myJSON; var myString = JSON.stringify(myJSON); myString; 

Здесь мы создаём объект JavaScript, затем проверяем, что он содержит, а затем преобразуем его в строку JSON, используя stringify() , сохраняя возвращаемое значение в новой переменной, а затем снова проверяем его.

Резюме

В этой статье мы предоставили вам простое руководство по использованию JSON в ваших программах, в том числе о том, как создавать и анализировать JSON, и как получить доступ к данным, заблокированным внутри него. В следующей статье мы рассмотрим объектно-ориентированный JavaScript.

Смотрите также

  • JSON object reference page
  • XMLHttpRequest object reference page
  • Using XMLHttpRequest
  • HTTP request methods
  • Official JSON web site with link to ECMA standard
  • Назад
  • Обзор: Objects
  • Далее

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *