#javascript #json #fetch
Вопрос:
Эй, у меня есть этот простой код, который должен работать, но по какой-то причине он не работает. Я предполагаю, что проблема связана с использованием школьного компьютера для этой конкретной программы, в которой действительно заблокировано много вещей, а также с тем, что она находится в онлайн-редакторе под названием Replit.com.
Вот async
функция, которую я использую, чтобы получить доступ к документу JSON, все, пока .json()
метод не будет работать так, как проверено console.log
s
const fetchingData = async (apiLink) => {
const responseFlow = await fetch(apiLink);
const data = await responseFlow.json();
locationWeather(data);
}
fetchingData(apiUrl);
Будьте уверены apiUrl
, это действительно так, как я проверил, вставив его в строку поиска, в результате чего появился файл
Увы, Replit.com редактор не показывает сообщений об ошибках, как инструменты разработчика (он заблокирован), как и большинство других веб-редакторов
Функция locationWeather
const locationWeather = (data) => {
const { temp, feels_like, temp_min, temp_max } = data.main;
document.querySelector('#temperature').textContent = temp;
}
Комментарии:
1. Возможно, вы правы в своем предположении о школьном компьютере. Но это также может быть проблемой CORS. Загляните в свои окна консоли и сети при выполнении
fetch()
команды.и найдите там ошибки.2. Похоже, он должен работать нормально, так что проблема может быть в школьном компьютере, или, например, @cars10m сказал: jsfiddle.net/fq2s5k86
3. @cars10m я бы сделал это, если бы мог, но опять же консоль replit бесполезна, а инструменты разработки заблокированы.
4. @user101289, я не уверен, что вы подразумеваете под проблемой CORS? Кстати, результат в ссылке jsFiddle, которую вы показали, также заблокирован.
5. Исправит ли проблему что-то вроде iframe?