如何从 API 获取特定数据并在函数中使用？

Question

我正在尝试使用黑暗天空 API 在 nodejs 中构建天气应用程序。我有一个单独的 js 文件，并将我的预测信息保存在回调函数中。但是，我也想使用 Skycons 进行可视化。

这是我的 forecast.js。在那个脚本中，我得到了温度等信息，所以我还需要获取“图标”数据

const request = require('request')


const getWeather = (latitude, longitude, callback) => {

    const url = 'https://api.darksky.net/forecast/b0854aec02e1655c7203e05c7d77dfd1/' + latitude + ',' + longitude + '/?units=si'

    request({
        url: url,
        json: true
    }, (error, {
        body /* "response " evezine response object icindeki "body" birbasa daxil edirem function-a*/
    }) => {
        if (error) {
            callback('Unable to connect to weather service!', undefined)
        } else if (body.error) {
            callback('Unable to find location'.undefined)
        } else {
            callback(undefined,
                'It is currently ' + body.currently.temperature + '°C out in ' + body.timezone + '. Weather ' + body.daily.data[0].summary + ' There is a ' + (body.currently.precipProbability * 100) + '% chance of rain.'
            )
        }
    })

}

module.exports = getWeather

这是 fetch 函数，我尝试在这个函数中调用和激活 Skycons。但我无法从 API 获取“图标”数据。

const weatherForm = document.querySelector("form");
const search = document.querySelector("input");

const messageOne = document.querySelector("#message-1");
const messageTwo = document.querySelector("#message-2");

const skycons = new Skycons({
  color: '#222'
})
skycons.set('icon', 'clear-day');
skycons.play();

const icon = data.forecast.icon;


weatherForm.addEventListener("submit", e => {
  e.preventDefault();

  const location = search.value;

  messageOne.textContent = "Please wait....";
  messageTwo.textContent = "";

  fetch(
    "http://localhost:4000/weather?address=" + encodeURIComponent(location)
  ).then(response => {
    response.json().then(data => {
      if (data.error) {
        messageOne.textContent = data.error;
      } else {
        messageOne.textContent = data.location;
        messageTwo.textContent = data.forecast;

      }
      currentSkycons(icon, document.getElementById('icon'));
    });
  });


  messageOne.textContent;
  messageTwo.textContent;
});

function currentSkycons(icon, iconID) {

  const currentIcon = icon.replace(/-/g, "_").toUppercase();
  skycons.play();
  return skycons.set(iconID, Skycons[currentIcon]);

}

但要使用 Skycons，我需要从黑暗天空 API 获取“图标”。除了我的预测 js，我如何获取这些数据？获取该数据并将其分配给变量并在另一个函数中使用

Answer 1

看起来data 对象只能在响应 json 中访问，这意味着您需要在收到响应时访问 forcast.icon。