Приложение Погода: кнопка не показывает никаких данных

Я пытаюсь создать простое приложение Weather с помощью openweathermap.org с использованием ajax, и я не могу вернуть свои данные, когда нажимаю созданную кнопку. Консоль не показывает мне никаких ошибок, и я не могу понять, где я допустил ошибку или что мне не хватает.

Here is my code and what I have tried: https://jsfiddle.net/AdelinaLipsa/kyzmao9n/

Я хочу, чтобы кнопка рядом с моим вводом возвращала выбранную городскую температуру (на данный момент). Где я сделал ошибку? Спасибо за помощь.

проверьте инструменты разработчика (F12 в chrome), веб-сайт, похоже, блокирует HTTP-запросы для ссылки jquery и запроса API погоды, при попытке изменить ссылки на https это теперь загружает данные, однако страница не отображается для их отображения , вам может потребоваться внести дополнительные изменения в код

user2950720 29.05.2019 18:53

Я пробовал в хроме, и он не показывает никаких ошибок, и кнопка все еще не работает.

Adelina Lipşa 29.05.2019 18:57
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
23
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

JSFiddle в настоящее время блокирует небезопасные запросы по HTTP.

  • измените импорт jquery на https

  • измените запрос API $.ajax на https

Одна проблема с кодом:

  • исправить опечатку в вашем вызове $.ajax succes to success, обратный вызов никогда не вызывался, так как он был неправильно назван

пример скрипта с погодой теперь заполняется: https://jsfiddle.net/3vdx98go/1/

опечатка была проблемой. Мне стыдно. спасибо, что указали на это!

Adelina Lipşa 29.05.2019 19:49

Другие вопросы по теме