Я в web-программировании новичок. Столкнулась с такой проблемой. Есть файл JSON синтаксически правильный. В нем хранятся данные, часть из которых потом будет отображаться на странице без перезагрузки (часть зависит от того ,какая ссылка нажата). Пользователь нажимает на ссылку, вызывается JavaSCript. Вот в самом скрипте и надо открыть файл JSON, обработать его содержимое и только потом вывести информацию на страницу. JSON, JS, как и Index.html хранятся на сервере, только в разных каталогах. Пользователь не должен иметь доступа к JSON, файл к нему не пересылается, ничего на сервер со стороны пользователя не загружается. Указываю путь к JSON в виде fnm='/home/.../1.json' (переменная). Через new XMLHttpRequest() файл не открывается, fetch(fnm) выдает ошибку, а в new FileReader() я даже не знаю ,куда путь к файлу и имя файла прописывать. Помогите ,пожалуйста. Как извлечь содержимое файла в JS, записав его в одну троку (я ее потом распарсю) или сразу распарсить (чтобы не прописывать строку напрямую в скрипт ,копируя ручками из файла)?
HTML <a id="Prosmotr_s" nohref onclick="Spisok_Rab ('/home/Site/ChgData/1.json')">
JS Script во внешнем файле
function Spisok_Rab(myURL) { //var myURL = 'file:////home/Site/ChgData/1.json" не сработала document.getElementById('Show_Spisok').innerHTML=myURL; Это я проверяла, что передается. В div выводится /home/Site/ChgData/1.json
а дальше всё
var Rq = new XMLHttpRequest();
Rq.onload = function() {
var jsonData = JSON.parse(Rq.response);
}
Rq.open("GET", myURL, true);
Rq.responseType = 'json';
Rq.send();
document.getElementById('Show_Spisok').innerHTML=jsonData;
}
И вот так тодже не работает:
fetch(myURL)
.then(
function(response) {
if (response.status !== 200) {
alert(response.status);
return;
}
(response => response.json())
.then(function(data) {
alert(data);
});
}
)
.catch(function() {
alert(Ошибка'+myURL);
});
А если не JSON, а файл своего внутреннего формата? Ведь браузер открывает картинки, странички расположенные локально без сервера. Смысл в том, чтоб обработка происходила на сервере. И чтоб пользователь не знал, что там обрабатывается, где хранится информация и в каком виде Если в href прописать "/home/Site/ChgData/1.json", то браузер откроет его как страничку. Браузер локально тоже через ajaks работает?
После настройки Apach (большое всем, кто ответил! Отдельно ОГРОМНОЕ спасибо Sergei Kirjanov!)
var jsonData;
var Rq = new XMLHttpRequest();
Rq.open("GET", "http://127.0.0.1/js/1.json", true);
Rq.responseType = 'text';
Rq.onreadystatechange = function() {
if (Rq.readyState == 4 && Rq.status == "200") {
jsonData = JSON.parse(this.responseText);
console.log(jsonData);
}
else {
alert('wait');
}
};
Rq.send(null);
Файл json открылся. Всё корректно считывается теперь. Ещё попробую вместо script тэг server использовать и попробую уже с fetch разобраться. Думаю, что вместо файла json прикручу совсем свой формат, похожий на синтаксис json (сам файл не .json будет, но чтоб его распарсить можно было)/
Теперь ещё проблема. С Лисичкой всё работает, а вот Хромой выдает ошибку Access to XMLHttpRequest at 'http://127.0.0.1/js/1.json' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Политика CORS(((