Мой код HTML + JavaScript работает в онлайн-редакторах, но не в автономном режиме
Я работаю с Sheets для преобразования листов Google в файлы JSON, а затем с помощью их API преобразую JSON в объекты javascript.
Проблема в том, что код отлично работает в онлайн-редакторах, таких как Tryit от W3Schools или Codepen, но если я помещу его в файл HTML и открою в Chrome или Edge, он не будет работать. Кто-нибудь знает, почему? Будет ли работать, если я смонтирую сайт онлайн?
<head>
<!-- Add Sheetsu Web Client script to the head -->
<script src = "//script.sheetsu.com/"></script>
</head>
<body>
<div id = "list"></div>
<script>
// API returns array of objects
// Iterate over them and add each element as a list element
function successFunc(data) {
data.forEach(function(item, i) {
document.getElementById("list").innerHTML += "<li>" + item.Precio + " " + item.Tipo + "</li>";
});
}
function errorFunc(e) {
console.info(e);
}
Sheetsu.read("https://sheetsu.com/apis/v1.0su/110ccf6a6812", {}).then(successFunc, errorFunc);
</script>
</body>
заранее спасибо
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
49
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Проблема в следующем:
<script src = "//script.sheetsu.com/"></script>
Когда вы начинаете URL-адрес ресурса/актива с «//» и без протокола (http|https), он соответствует протоколу загрузки страницы. Если вы открываете локальный html-файл напрямую, этот протокол становится file://, поэтому запрошенный URL-адрес становится file://script.sheetsu.com/, которого, конечно же, не существует.
Измените его на:
<script src = "https://script.sheetsu.com/"></script>
Другие вопросы по теме
Как получить доступ к нескольким слоям словарей и списков, вложенных друг в друга, и собрать их в список
Используйте данные JSON с ячейками
Почему JSON не встраивается в мой класс Java?
Поиск индекса строки, найденной в методе «если есть»
Как сопоставить ответ json, который имеет точку в имени поля и имеет подэлемент значения
Преобразование одного объекта в массив, содержащий этот объект
Рандомизация ответов на викторины, полученных из rest-API
JSON в строку переменной SQL
У меня есть массив JSON с 4 элементами в angular 7, но он показывает 0, когда я спрашиваю его длину
Как объединить несколько файлов Json в папке в определенном порядке
Похожие вопросы
Смена изображения при клике (кнопка паузы и воспроизведения)
Как сделать вертикальную центральную кнопку против видео с использованием css?
Я хочу горизонтальную прокрутку в bootstrap 4
Как исправить изменение фонового изображения custome variable
Как я могу покрыть тег внутри вложенного класса sass
Реагируйте, как установить идентификатор компонента, чтобы иметь возможность использовать document.getElementById()
Позиционирование встроенных блоков DIV внутри контейнера DIV (без flexbox)
CSS в Tizen WebView (EFL WebKit) не будет учитывать семейство шрифтов
Как сделать кликабельными элементы навигационной панели, а не всю навигационную панель
Как отобразить изображение при выборе и перед сохранением в базе?
Используйте консоль браузера (инструменты разработчика) (нажмите
F12) и прочитайте все ошибки. Также см. вкладку Сеть. Пожалуйста, подтвердите: является ли источник скрипта и источникsheetsu.comAPI нашел (например, ответ HTTP 200)? Если нет, то какой фактический URL запрашивается?