JavaScript как вытащить данные(json) из локального файла?

Question

[Артур Акмалов]

Тут пример от Яндекс "Оптимальное добавление множества меток:
https://tech.yandex.ru/maps/jsbox/2.1/object_manager

обращение идет к файлу data.json который находится на сервере по ссылке data.json

Скачал файлы локально при попытке запустить все работает по ссылке, но хотелось бы обращаться к файлу локально, на компьютере.

Т.е. как в JS грамотно написать чтобы обратится и вытащить данные из локального файла?

Код на данный момент:

$.ajax({
        url: "https://sandbox.api.maps.yandex.net/examples/ru/2.1/object_manager/data.json"
    }).done(function(data) {
        objectManager.add(data);
    });

Файл в той же папке data.json

Answer 1

[Aetae]

url: "data.json")
...upd
А нет, теперь и в FF не работает. Когда я последний раз что-такое делал - ff спокойно это кушал. Бесполезная "безопасность" добралась и до него.

Comments

[Aetae]

Pardon Me! Where Do I Find 4giveness?, лол, это ты в тему чётко попал: если ты мне скинешь именно JS (а не html) файл, то именно это ты легко и сделаешь, если я дважды ткну в этот файл. Спасибо винде и обратной совместимости.)

Если ты запускаешь что-то из интернета на своём компьютере - будь добр позаботься о безопасности сам. Изначальное ограничение на доступ только к подпапкам - минимальное и достаточное. Всё остальное - это стальная дверь на тропинке посреди чистого поля: только раздражение и никакого толка.

Answer 2

[hellcaster]

Меня учили, что никак (не 100% инфа, сам я не пробовал). Это сделано с целю безопасности (не знаю в чем прикол и где опасность). Можете сделать локальный сервер и тогда писать "./data.json" (WebPack, Gulp или заморочиться и установить OpenServer, XAMPP)

Comments

[hzzzzl]

не знаю в чем прикол и где опасность

ну давай я сюда прилеплю невинную ссылку на jsfiddle, которая мне пришлет содержимое твоего рабочего стола, или my documents какой-нибудь, браузеру не нужно иметь доступ к файлам

[hellcaster]

hzzzzl, возможно, в этом и суть))

Answer 3

[hzzzzl]

const res = await fetch('https://sandbox.api.maps.yandex.net/examples/ru/2.1/object_manager/data.json')
const data = await res.json()

console.log(data)

/*
{type: "FeatureCollection", features: Array(50)}
features: Array(50)
0: {type: "Feature",  ..........
*/

вытащить данные из локального файла?

из браузера не выйдет, тащи из яндекса

Answer 4

[komb]

Можно File API заюзать.
Ну а обычное

<script type="text/javascript" src="file.xxx"></script>

чем не устраивает?

Comments

[Артур Акмалов]

в js коде не получается использовать

[komb]

Если там тупо JSON, то согласен.
а. Если есть возможность подправить json файлик, то присвоейте все, что внутри, переменной. Ну типа
var jsonTXT ="bla-bla";
а потом юзайте эту переменную.

б. если нету, то можно на автомате загружать содержимое файла в скрытый фрейм

<iframe name="name" src="file.xxx" style="display:none;"></iframe>

а из фрейма уже доставать скриптом.
(костыль, но работает локально без вебсервера)

Answer 5

[Enj0y]

Из локального файла вы никак не получите данные, кроме как через загрузку средствами браузера и только потом читать, или вы имеете ввиду с локального хостинга? Но есть така штука - LocalStorage, можно туда загрузить Json и читать его, однако там есть какие то ограничения в размере, пару мб вроде как