【问题标题】:Weather app: button doesn't show any data天气应用程序:按钮不显示任何数据
【发布时间】:2019-10-15 08:07:06
【问题描述】:

我正在尝试使用 openweathermap.org 使用 ajax 创建一个简单的天气应用程序,当我按下我创建的按钮时,我似乎无法返回我的数据。控制台没有显示任何错误,我无法弄清楚我在哪里犯了错误或我错过了什么。

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

我希望输入旁边的按钮返回选定的城市温度(目前)。我在哪里做错了?感谢您的帮助。

【问题讨论】:

  • 检查开发工具(chrome 中的 F12),网站似乎阻止了 jquery 链接和天气 API 请求的 http 请求,当尝试将链接更改为 https 时,现在加载数据,但是该页面似乎没有显示它,您可能需要进行额外的代码更改
  • 我在chrome中试了一下,没有显示任何错误,而且按钮仍然不起作用。

标签: javascript jquery ajax dom


【解决方案1】:

JSFiddle 当前阻止通过 HTTP 的不安全请求

  • 将 jquery 导入更改为 https

  • 将您的 api 请求 $.ajax 调用更改为 https

一个代码问题:

  • 修复 $.ajax 调用 successuccess 的拼写错误,回调从未被调用,因为它的名称不正确

现在填充天气的示例:https://jsfiddle.net/3vdx98go/1/

【讨论】:

  • 错字是问题所在。我真丢脸。谢谢你指出!
猜你喜欢
  • 2021-05-11
  • 1970-01-01
  • 1970-01-01
  • 2019-04-19
  • 1970-01-01
  • 2021-08-09
  • 1970-01-01
  • 2013-12-12
  • 1970-01-01
相关资源
最近更新 更多