javascript - 从天气 API 显示温度
问题描述
我需要识别并修复错误。我在这里缺少什么,为什么?温度不显示。
<script type="text/javascript">
$.ajax({
url: 'https://api.weather.gov/gridpoints/EWX/155,90/forecast/hourly'
}).done(function(res) {
var temp = res.properties.periods[0].temperature;
});
document.getelementbyid('temperature').innerHTML = temp
</script>
<p>
The temperature is <span id="temperature"></span>F.
</p>
解决方案
这里的问题是双重的。首先是有一个范围界定问题,试图将“临时”带到它准备就绪的时间之外。这仅在.done()
通话中设置。
发现的第二个问题是document.getelementbyid
应该按照document.getElementById()
规范https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById
<script type="text/javascript">
$(function() {
$.ajax({
url: 'https://api.weather.gov/gridpoints/EWX/155,90/forecast/hourly'
}).done(function(res) {
document.getElementById('temperature').innerHTML = res.properties.periods[0].temperature;
});
});
</script>
<p>
The temperature is <span id="temperature"></span>F.
</p>
推荐阅读
- python - Tkinter(从函数调用)在标签中显示图片仅在函数变量“foto”在函数中设置为 GLOBAL 时才有效……这是为什么呢?
- javascript - Tensorflow js:您的应用程序包含足够小的操作,可以在 CPU 后端执行,但是找不到 CPU 后端
- memory - 此代码是否会导致定义的行为?
- python - Python 请求 ValueError Too many values to unpack
- reactjs - POST 请求正文在 IIS 服务器上导致 404
- python - 如何创建一个 listcomp 来列出非列表值,然后使用 itertools 展平所有内容?
- python - 页码无序时如何抓取多个页面
- c++ - 如何使用线性搜索算法猜测用户字母
- powerbi - 如何创建过滤 2 个表的度量
- pandas - 时间数据与格式 '%yyyy-%mm-%dd 不匹配