时间戳

首页 > 解决方案 > 如何从 OpenWeatherMap API 获取天气描述

javascript - 如何从 OpenWeatherMap API 获取天气描述

问题描述

我正在尝试从OpenWeatherMapAPI 获取法语的天气描述，但我被卡住了。

请问我做错了什么？

var urlBase = "http://api.openweathermap.org/data/2.5/weather?id=";
var apiKey = "&appid=xxx";
var unitsParam = "&units=metric";
var language = "&lang=fr";
var url = urlBase + cityCode + unitsParam + language + apiKey ;

startWebRequest (url, function(status, type, content) {
  var data = JSON.parse(content);
  console.log(data);
  setScreen('screen2');
  setText("label1",data.name);        
  setText('label2',data.main.temp);
  setText('label3',data.main.feels_like);
  setText('label4',data.weather.description[0]);

我得到一个undefined错误，我被卡住了。

类型错误：data.weather.description 未定义。

你能看看我的代码并帮助我吗？

标签： javascriptrestapiopenweathermap

解决方案

根据 API 文档，description是 a string，而不是array. 而且你的天气键是一个array。

description因此，要按照您的意图正确访问，您需要执行以下操作：

data.weather[0].description

不是：

data.weather.description[0]

但请注意，如果weather数组为空，您可能会遇到问题。

执行我上面推荐的操作将解决您TypeError遇到的问题。

如果您对setText值为undefined. 只需使用空字符串作为后备。

像这样：

setText('label4', data.weather[0] ? data.weather[0].description : '')

推荐阅读