如何在另一个 API 的 ajax 调用中调用一个 API

Question

我正在尝试从天气 API 获取天气数据。此 API 需要位置的经度和纬度。因为我想使用位置名称（经纬度）作为用户输入，所以我想首先使用地理编码 API 获取这些值。

但是当我尝试在地理编码 API 的 ajax 请求中调用天气 API 时，我得到了一个跨域错误。

代码如下：

function get_gps_weather(location,maps_api_key, weather_api_key){

$.ajax({
    url : 'https://maps.googleapis.com/maps/api/geocode/json?address='+location+'&key='+api_key,
    type: 'GET',
    success : function(data){
        var latitude=data['results'][0]['geometry']['location']['lat'];
        var longitude=data['results'][0]['geometry']['location']['lng'];

        $.ajax({
            url : 'https://api.darksky.net/forecast/'+weather_api_key+'/'+latitude+','+longitude
            type: 'GET',
            success : function(weather_data){
                console.log(weather_data)
            }
        });       
    }
}); 
}

谢谢， 卢卡斯

Answer 1

您的代码很有意义。您遇到的问题是CORS。

Darksky API 没有将Access-Control-Allow-Origin 解析为*。这意味着您将需要设置代理服务器以在后台调用 API（您发出的请求会同时发送您的 API 密钥）。

https://darksky.net/dev/docs/faq 拥有所有相关信息。