Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 06.07.2018
Сообщений: 9
1

Почему не удается подгрузить файл в формате JSON?

11.07.2018, 23:57. Показов 1345. Ответов 2
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script src="main.js" async></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title> Изучение JavaScript </title>
    </head>
    <body>
        <div id="outpit"></div>
    
    </body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
oAJAX = new XMLHttpRequest();
oAJAX.open("GET","data.json", true);
oAJAX.onreadystatechange = function () {
    var oOutput = document.getElementById("output");
    if ((oAJAX.redyState == 4) && (oAJAX.status == 200)) {
        var oData = JSON.parse(oAJAX.responseText);
        if (oData.status == 1) {
            var oP;
            for (i in oData.data) {
            oP = document.createElement ("p");
            oP.textContent = oData.data[i].title + " (" + oData.data[i].id + ")";
            oOutput.appendChild(oP);
            }
      } else {
            oOutput.textContent = "Получены ошибочные данные.";
        }
    }
}
oAJAX.send();
Сам файл в JSON формате вот:
JSON
1
2
3
4
5
6
7
8
{
"status": 1,
"data": [
    { "id": 11, "title": "Введение в AJAX" },
    { "id": 12, "title": "Программная реализация AJAX" },
    { "id": 13, "title": "Формат JSON" }
    ]
}
Ошибка: XMLHttpRequest cannot load file:///C:/data.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.07.2018, 23:57
Ответы с готовыми решениями:

Не удается создать файл launch.json в папке .vscode (Error)
Работаю с Visual Studio Code при попытке запустить отладчик и выборе среды отладки Java, получаю...

Не получается подгрузить данные с json
В проекте 2 файла: index.html и users.json, при запуске данные не выводятся. В чем ошибка?...

System.IO.FileNotFoundException - не удаётся подгрузить dll
Здравствуйте, декомпилировал код с помощью dotPeek программу, экспортировал в проект на C#,...

Не могу подгрузить JSON через метод GET
Добрый день. Через GET получаю JSON ответ от сервера. Если делаю console.log(data); то у меня в...

2
Модератор
Эксперт JSЭксперт HTML/CSS
3819 / 2670 / 1520
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
12.07.2018, 00:18 2
Цитата Сообщение от Serezhzha Посмотреть сообщение
http, data, chrome, chrome-extension, https, chrome-extension-resource
Вы где-то видите в этом списке ваш протокол file? Запускайте код на сервере.
1
супермизантроп
Эксперт JS
3870 / 2944 / 685
Регистрация: 18.04.2012
Сообщений: 8,567
12.07.2018, 14:04 3
буковку a пропустили: oAJAX.readyState
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.07.2018, 14:04

Как подгрузить в HTML контент из JSON файла, используя Handlebars?
Мне нужно чтобы контент в HTML подгружался из JSON файла при помощи Handlebars template. Не вся...

Почему браузер mozilla плохо видит файл json
Я выполняю простую задачу: получение данных из файла на сервере и вывод на экран У меня два...

Файл: Подскажите, почему не удается вывести данные из файла в виде таблички: программа просто крэшится...
Добрый день. Подскажите, почему не удается выввести данные из файла в виде таблички - программа...

Настройки в формате JSON
Написал простенький парсер для JSON, может кому будет полезен. Хотя на JSON это не сильно похоже,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru