使用 Javascript + jQuery 进行 API 调用的最简单方法

我正在尝试使用他们的 API+密钥对 Openweathermap 进行 API 调用。我无法在 Javascript 中使用 $.getJSON 将数据解析为 CSS ID。

这是 jsfiddle:https ://jsfiddle.net/n1Lz3vf0/

代码:

var weatherData = "http://api.openweathermap.org/data/2.5/weather? 
q=Endicott,us&appid=API+KEY";

$.getJSON(weatherData, function(data){
var town = data.name;

document.getElementById('town').innerHTML = town;
});

它输出到一个简单的 div 标签

显然,最终结果将更加复杂,我将解析更多数据,但在 jsfiddle 中,它应该只是输出我的城市名称,但事实并非如此。

西蒙·阿鲁蒂

您在 jsfiddle 页面上有一个混合内容错误,因为它是一个 https 网站,而您正试图在 API 调用中调用 http url。如果您通过 https,则无法使用 http 调用外部 API,请求被阻止。

我用 https 尝试了您的请求,它按预期工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery getJSON进行简单的API调用

来自分类Dev

使用Http / 2从javascript进行api调用

来自分类Dev

使用Spring进行简单的REST API调用?

来自分类Dev

如何使用jquery和JSF进行javascript ajax调用?

来自分类Dev

如何使用jquery和JSF进行javascript ajax调用?

来自分类Dev

使用sklearn进行多项式回归的最简单方法是什么?

来自分类Dev

使用捆绑软件资源进行测试的最简单方法

来自分类Dev

使用StringComparison.Ordinal对字符串进行排序的最简单方法

来自分类Dev

使用Ecto(MySQL)进行upsert的最简单方法是什么

来自分类Dev

使用sklearn进行多项式回归的最简单方法是?

来自分类Dev

使用来自JavaScript的Twilio API进行调用

来自分类Dev

使用来自JavaScript的Twilio API进行调用

来自分类Dev

我正在尝试使用 JavaScript/TypeScript 进行简单的 API 调用并获取任何数据以正确返回。API 格式为 XML

来自分类Dev

使用构造函数Javascript中的field方法提供对象的最简单方法

来自分类Dev

显示/隐藏使用jQuery与其他div共享类的div的最简单方法

来自分类Dev

使用jQuery将某些文本锚定到外部链接的最简单方法是什么?

来自分类Dev

使用jQuery进行简单计算

来自分类Dev

使用JavaScript进行简单计算

来自分类Dev

使用javascript或jquery进行价格范围验证

来自分类Dev

使用javascript或jquery进行筛选查询

来自分类Dev

使用swift进行API调用

来自分类Dev

使用部分匹配的字符串进行CLI搜索和替换的最简单方法是什么?

来自分类Dev

使用 Numpy 进行矩阵运算的更简单方法

来自分类Dev

Ajax jQuery进行Web API调用

来自分类Dev

在不使用-UI或插件的情况下使用jQuery淡化背景色的最简单方法是什么

来自分类Dev

使用/创建PendingIntent的最简单方法

来自分类Dev

每10秒使用Handler在Thread中调用方法的最简单方法

来自分类Dev

每10秒使用Handler在Thread中调用方法的最简单方法

来自分类Dev

使用Jquery动画进行简单的CSS更改

Related 相关文章

  1. 1

    使用jQuery getJSON进行简单的API调用

  2. 2

    使用Http / 2从javascript进行api调用

  3. 3

    使用Spring进行简单的REST API调用?

  4. 4

    如何使用jquery和JSF进行javascript ajax调用?

  5. 5

    如何使用jquery和JSF进行javascript ajax调用?

  6. 6

    使用sklearn进行多项式回归的最简单方法是什么?

  7. 7

    使用捆绑软件资源进行测试的最简单方法

  8. 8

    使用StringComparison.Ordinal对字符串进行排序的最简单方法

  9. 9

    使用Ecto(MySQL)进行upsert的最简单方法是什么

  10. 10

    使用sklearn进行多项式回归的最简单方法是?

  11. 11

    使用来自JavaScript的Twilio API进行调用

  12. 12

    使用来自JavaScript的Twilio API进行调用

  13. 13

    我正在尝试使用 JavaScript/TypeScript 进行简单的 API 调用并获取任何数据以正确返回。API 格式为 XML

  14. 14

    使用构造函数Javascript中的field方法提供对象的最简单方法

  15. 15

    显示/隐藏使用jQuery与其他div共享类的div的最简单方法

  16. 16

    使用jQuery将某些文本锚定到外部链接的最简单方法是什么?

  17. 17

    使用jQuery进行简单计算

  18. 18

    使用JavaScript进行简单计算

  19. 19

    使用javascript或jquery进行价格范围验证

  20. 20

    使用javascript或jquery进行筛选查询

  21. 21

    使用swift进行API调用

  22. 22

    使用部分匹配的字符串进行CLI搜索和替换的最简单方法是什么?

  23. 23

    使用 Numpy 进行矩阵运算的更简单方法

  24. 24

    Ajax jQuery进行Web API调用

  25. 25

    在不使用-UI或插件的情况下使用jQuery淡化背景色的最简单方法是什么

  26. 26

    使用/创建PendingIntent的最简单方法

  27. 27

    每10秒使用Handler在Thread中调用方法的最简单方法

  28. 28

    每10秒使用Handler在Thread中调用方法的最简单方法

  29. 29

    使用Jquery动画进行简单的CSS更改

热门标签

归档