Обработка файла *.json средствами "чистого" JavaScript

@Vadster · Регистрация: 01.11.2011

Студворк — интернет-сервис помощи студентам

Есть файл data.json, содержащий массив объектов. Необходимо обработать его браузером, как строку JSON работать с его данными, как с данным объекта JS. Варианты реализации на JQuery уже видел, но нельзя ли для загрузки и преобразования данного файла обойтись без библиотек?

P.S. Ради загрузки одного файла и небольшой функции не хочется подключать целую библиотеку.

@BANO · 10.10.2015, 18:54

Vadster, в json нельзя делать функции

Добавлено через 1 минуту
попробуйте стандартную для js функцию JSON.parse
а вот получать этот файл можно несоклькими способами, самый простой это ajax, думаю его вам и предлагали, но можно обойтись и jsonp

Добавлено через 2 минуты
короче то, как вы будете подключать этот файл зависит от вас

@Vadster · 10.10.2015, 19:03 **[ТС]**

BANO, говоря о функциях, я говорил о том, что в качестве варианта мне предлагали использовать $.getJSON, но нужно подключать JQuery, чего делать не хочется.

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

Сообщение от BANO

а вот получать этот файл можно несоклькими способами

если вас не затруднит.

@BANO · 10.10.2015, 19:15

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function getXmlHttp() {
    var xmlhttp;
    try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}catch (e){try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}catch (E){xmlhttp = false;}}if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {xmlhttp = new XMLHttpRequest();}
    return xmlhttp;
}
function getJSON(url, callback) {
    var req = getXmlHttp();
    var statusElem = document.getElementById('vote_status');
 
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200)
            callback(JSON.parse(req.responseText))
    };
    req.open('GET', url, true);
    req.send(null);
}
 
 
// использование
getJSON("/myJsonFile.json",function(obj){
    // obj - уже готовые данные, являющиеся объектами
});

@Vadster · 10.10.2015, 19:42 **[ТС]**

BANO, успешно запросил данные, но как воспользоваться ими из getJSON - неясно. Возможно, в function(obj) вместо obj стоит передать другие даннные - в зависимости от названия. В моем случае data.json является массивом безымянных объектов.
Для примера, приведу часть своего JSON:

{ "mainarea": [
{"name":"value", "description": "value"},
{"name":"value", "description": "value"}
]
}

Обращение к ним было задумано через тело цикла, с использованием конструкции, к примеру

JavaScript
1
mainarea[0].name

Как взаимодействовать в данном случае?

@BANO · 10.10.2015, 19:52

Vadster, obj в данном случае будет вашими данными
я вообще не понимаю что вас не страивает?

вы просто тогда берёте ваш mainarea[0].name и всё

просто я вообще не понял проблему, которая встала теперь

@Vadster · 10.10.2015, 20:29 **[ТС]**

BANO, разобрался в работе функции, теперь все в норме.

Большое вам спасибо за скорый ответ и достойное терпение

@BANO · 10.10.2015, 20:31

я тут и сижу, чтобы давать совет и терпеть )

@Padimanskas · 10.10.2015, 20:35

Сообщение от BANO

я тут и сижу, чтобы давать совет и терпеть )

Не по теме:

Кому-то нравиться терпеть и давать советы. Кому-то нетривиальные задачи, разного плана))

@BANO · 10.10.2015, 20:37

Padimanskas, знаете, в основном терпеть приходится не тс-ов, а форумчан, а точнее форумчанина, а если вообще точно, то калабуни

@kalabuni · 10.10.2015, 20:52

Не по теме:

ОК, BANO, договорились, теперь буду называть вас "терпила BANO" :)

@BANO · 10.10.2015, 21:15

kalabuni, сам ты терпила

Помяни черта, он тут как тут

Добавлено через 1 минуту
kalabuni, скажем так
у вас "интересная" манера выражать своё недовольство, эта манера много людей бесит
я стараюсь этого не замечать, выражайтесь как хотите, только без оскорблений

Добавлено через 24 секунды

Не по теме:

блин, ща чай готовить придётся

Добавлено через 5 минут

Не по теме:

вот блин
1 пост от калабуни, и столько негативных эмоций

он меня скоро в психушку сведёт %-)

Добавлено через 4 минуты
kalabuni, а ещё раз обзовёшь, будем действовать по правилам форума

@kalabuni · 10.10.2015, 21:17

Не по теме:

Сообщение от BANO

а ещё раз обзовёшь, будем действовать по правилам форума

не понравилось?
ну извините
я думал, просто улыбнётесь... как вчерашний лемур :)

хорошо, тогда буду называть притерпевшийся BANO -- так оно лучше?

@BANO · 10.10.2015, 21:21

kalabuni, лучше будет просто BANO
нет не улыбнусь, унижение - не смешная вещь

@Padimanskas · 10.10.2015, 22:18

BANO, ну нравится ему разноцветный апперкейс, и что?) Он же не спрашивает типа -"Эй, BANO! Мне буквы побольше сделать или так пойдет?"

@kalabuni · 10.10.2015, 23:47

Не по теме:

BANO, вместо чая вам надо употреблять лекарство "антитролль"
слышали про такое?

рецепт лекарства очень простой, из трёх слов: "не кормите тролля" -- после первого же сообщения, которое вам показалось троллингом, просто перестаньте троллю в этой ветке отвечать

вы мне симпатичны, вот потому и решил преподать вам небольшой предметный урок, уж извините :)

@BANO · 10.10.2015, 23:54

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

просто он такой "человек"

Добавлено через 33 секунды

Не по теме:

kalabuni, всё-таки вы троль

Добавлено через 59 секунд
kalabuni, постараюсь использовать ваше "лекарство"

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .

@Vadster 2 / 2 / 1 Регистрация: 01.11.2011 Сообщений: 16

	Обработка файла .json средствами "чистого" JavaScript 10.10.2015, 18:44. Показов* 3298. Ответов 16 Метки нет (Все метки) Есть файл data.json, содержащий массив объектов. Необходимо обработать его браузером, как строку JSON работать с его данными, как с данным объекта JS. Варианты реализации на JQuery уже видел, но нельзя ли для загрузки и преобразования данного файла обойтись без библиотек? P.S. Ради загрузки одного файла и небольшой функции не хочется подключать целую библиотеку. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 18:54
	Vadster, в json нельзя делать функции Добавлено через 1 минуту попробуйте стандартную для js функцию JSON.parse а вот получать этот файл можно несоклькими способами, самый простой это ajax, думаю его вам и предлагали, но можно обойтись и jsonp Добавлено через 2 минуты короче то, как вы будете подключать этот файл зависит от вас 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 19:52
	Vadster, obj в данном случае будет вашими данными я вообще не понимаю что вас не страивает? вы просто тогда берёте ваш mainarea[0].name и всё просто я вообще не понял проблему, которая встала теперь 0

@Vadster 2 / 2 / 1 Регистрация: 01.11.2011 Сообщений: 16
	10.10.2015, 20:29 [ТС]
	BANO, разобрался в работе функции, теперь все в норме. Большое вам спасибо за скорый ответ и достойное терпение 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 20:31
	я тут и сижу, чтобы давать совет и терпеть ) 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 20:37
	Padimanskas, знаете, в основном терпеть приходится не тс-ов, а форумчан, а точнее форумчанина, а если вообще точно, то калабуни 0

@kalabuni
	10.10.2015, 20:52
	Не по теме: ОК, BANO, договорились, теперь буду называть вас "терпила BANO" :) 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 21:21
	kalabuni, лучше будет просто BANO нет не улыбнусь, унижение - не смешная вещь 0

@Padimanskas Superposition 950 / 615 / 256 Регистрация: 27.10.2013 Сообщений: 2,083
	10.10.2015, 22:18
	BANO, ну нравится ему разноцветный апперкейс, и что?) Он же не спрашивает типа -"Эй, BANO! Мне буквы побольше сделать или так пойдет?" 0

@kalabuni
	10.10.2015, 23:47
	Не по теме: BANO, вместо чая вам надо употреблять лекарство "антитролль" слышали про такое? рецепт лекарства очень простой, из трёх слов: "не кормите тролля" -- после первого же сообщения, которое вам показалось троллингом, просто перестаньте троллю в этой ветке отвечать вы мне симпатичны, вот потому и решил преподать вам небольшой предметный урок, уж извините :) 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.10.2015, 23:54
	Padimanskas, да знаю я что ему нравится издеваться над людьми он для этого использует разные способы от прямых оскорблений, до придирок к тому, чего не существует и оба варианта он оформляет синими или красными цветами с жирным шрифтом просто он такой "человек" Добавлено через 33 секунды Не по теме: kalabuni, всё-таки вы троль Добавлено через 59 секунд kalabuni, постараюсь использовать ваше "лекарство" 0