javascript - 使用 JavaScript 处理对同一服务器的多个异步请求的正确方法是什么？当前和预报天气数据 API 请求

Question

我有一个显示天气的页面。我有一个Weatherbit.io帐户，可以从他们的 API 中获取天气数据。获取当前天气的调用是这样的：

https://api.weatherbit.io/v2.0/current?key=<my_key>&lang=en&units=I&12345

获取预测数据的调用是这样的：

https://api.weatherbit.io/v2.0/forecast/daily?key="<my_key>"&lang=en&units=I&12345

我目前正在对 API 进行两个单独的异步调用，一个用于当前，一个用于预测。

这是它应该做的方式，还是有更好的，或更准确地说“正确”的方式来做到这一点？也许是一种通过一次调用即可获取当前数据和预测数据的方法？

我正在寻找这个答案的原因是因为我似乎经常遇到这些错误：

Access to XMLHttpRequest at
'https://api.weatherbit.io/v2.0/current?key=<my_key>&lang=en&units=I&12345'
from origin 'http://127.0.0.1'
has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.

标签： javascriptapixmlhttprequest