javascript - 如何在另一个 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 key )。

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