使用 JavaScript 获取 Openweather 预报

如何解决使用 JavaScript 获取 Openweather 预报

我想用 JavaScript 获取 5 天的天气预报。当我执行下面的代码时,我得到 TypeError: Cannot read property 'temp' of undefined。如果我将 https://api.openweathermap.org/data/2.5/forecast?q= 更改为 https://api.openweathermap.org/data/2.5/weather?q=,我将毫无错误地获得当前天气。为什么预测在我的情况下不起作用?我错过了什么吗?

JavaScript(我认为 .then(data => 片段中存在问题):

var activities = document.getElementById('activitySelector');
var main = document.querySelector('#name');
var temp = document.querySelector('.temp');
var desc = document.querySelector('.desc');



activities.addEventListener('change',(e) => {
    fetch('https://api.openweathermap.org/data/2.5/forecast?q='+e.target.value+'&appid=<<<<APIKEY>>>>&cnt=5')
        .then(response => response.json())
        .then(data => {
            var tempValue = data['main']['temp'];
            var nameValue = data['name'];
            var descValue = data['weather'][0]['description'];

            main.innerHTML = nameValue;
            desc.innerHTML = "Desc - "+descValue;
            temp.innerHTML = "Temp - "+tempValue;

        })

        .catch(err => alert(err));
})

HTML:

   <select name="cities" id="activitySelector">
       <div class="options">
           <option class="option" value="warsaw">Warsaw</option>
           <option class="option" value="phoenix">Phoenix</option>
           <option class="option" value="berlin">Berlin</option>
       </div>
   </select>

   <div class="container">
       <div class="card">
           <h1 class="name" id="name"></h1>
           <p class="temp"></p>
           <p class="clouds"></p>
           <p class="desc"></p>
       </div>
   </div>

我试图获取的 JSON:

{"cod":"200","message":0,"cnt":5,"list":[{"dt":1618606800,"main":{"temp":279.45,"feels_like" :277.97,“temp_min”:278.72,“temp_max”:279.45,“压力”:1031,“海平面”:1031,“grnd_level”:1028,“湿度”:56,“temp_kf”:0.73},“天气”: [{"id":802,"main":"Clouds","description":"分散 clouds","icon":"03n"}],"clouds":{"all":25},"wind":{"speed":2.06,"deg":80,"gust":6.1},"可见性":10000,"pop":0,"sys":{"pod":"n"},"dt_txt":"2021-04-16 21:00:00"},{"dt":1618617600,“main”:{“temp”:278.63,“feels_like”:277.46,“temp_min”:276.98,“temp_max”:278.63,“压力”:1031,“sea_level”:1031,“grnd_level”:1028,“湿度” :61,"temp_kf":1.65},"weather":[{"id":801,"description":"few clouds","icon":"02n"}],"clouds":{"all":23},"wind":{"speed":1.65,"deg":53,"gust":4.49},"dt_txt":"2021-04-17 00:00:00"},{"dt":1618628400,"main":{"temp":276.91,"feels_like":275.48,"temp_min":275.64,"temp_max":276.91,"pressure":1031,"sea_level":1031,"grnd_level":1027,"湿度":66,"temp_kf":1.27},"weather":[{"id":800,"main":"Clear","description":"清除 sky","icon":"01n"}],"clouds":{"all":10},"deg":21,"gust":4.06},"dt_txt":"2021-04-17 03:00:00"},{"dt":1618639200,"main":{"temp":275.25,"feels_like":273.27,"temp_min":275.25,"temp_max":275.25,"grnd_level":1028,"湿度":67,"temp_kf":0},"icon":"01d"}],"clouds":{"all":1},"wind":{"speed":1.89,"deg":16,"gust":4.72},"sys":{"pod":"d"},"dt_txt":"2021-04-17 06:00:00"},{"dt":1618650000,"main":{"temp":280.37,"feels_like":278.43,"temp_min":280.37,"temp_max":280.37,"pressure":1030,"sea_level":1030,"湿度":44,"clouds":{"all":2},"wind":{"speed":2.84,"deg":39,"gust":4.51},"dt_txt":"2021-04-17 09:00:00"}],"city":{"id":2643743,"name":"London","coord":{"lat":51.5085,"lon":-0.1257},"country" :"GB","population":1000000,"timezone":3600,"sunrise":1618549331,"sunset":1618599475}}

解决方法

问题只是您取消引用所需值的方式。

def hacky_tf_nanmean(a,axis): import tensorflow as tf return tf.math.divide_no_nan(tf.reduce_sum(tf.where(tf.math.is_finite(a),a,0.),axis=axis),tf.reduce_sum(tf.cast(tf.math.is_finite(a),tf.float32),axis=axis)) 有一个属性 datalist 是一个对象数组,每个对象都有一个 list 键,该键指向一个带有 main 键的对象。

例如,您可以像这样获取所有元素并记录它们的 temp 字段:

main.temp

,

所以你有

A = Account("manfred@gmail.com","hunter2",3)
{i:getattr(A,i) for i in dir(A) if not i.startswith("_")}

{'birthday': 3,'email': 'manfred@gmail.com','password': 'hunter2'}

在文档中我看到

https://api.openweathermap.org/data/2.5/forecast?q=

所以我假设您在 URL 中缺少 /daily。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-