为何调用OpenWeatherMap API后无法弹出获取到的坐标信息？

我帮你排查下代码里的问题，大概率是这几个原因导致的：

1. API URL里的空格参数错误 #

你的API链接中& APPID这部分多了一个空格，服务器会无法正确识别APPID参数，相当于没传递密钥，直接导致请求失败。把空格删掉即可：

var api="http://api.openweathermap.org/data/2.5/weather?q=dehradun,india&APPID=ab399c2f90228bbdabc65d72b81a1b4d";

2. 缺少错误捕获逻辑 #

你现在的代码只处理了请求成功的情况，但如果请求失败（比如密钥无效、网络问题），你完全看不到任何提示。建议加上错误回调，方便定位问题：

$(document).ready(function(){ 
  var api="http://api.openweathermap.org/data/2.5/weather?q=dehradun,india&APPID=ab399c2f90228bbdabc65d72b81a1b4d"; 
  $.getJSON(api,function(data){ 
    alert(data.coord.lat); 
  })
  .fail(function(jqXHR, textStatus, errorThrown) {
    alert('请求出错了: ' + textStatus + ', 详情: ' + errorThrown);
    console.log(jqXHR.responseText); // 控制台能看到更详细的错误返回内容
  }); 
});

3. 本地文件的跨域限制 #

如果你是直接双击HTML文件（用file://协议打开），浏览器会因为同源策略阻止跨域请求。解决办法：

• 把文件放到本地服务器上（比如用python -m http.server启动简单服务器，或者用XAMPP/WAMP），通过http://localhost访问；
• OpenWeatherMap API现在支持CORS，只要你是从HTTP/HTTPS协议的页面发起请求，就不会有跨域问题。

4. 确认API密钥有效性 #

可以直接把API链接复制到浏览器地址栏打开，看看返回的JSON数据里有没有coord字段。如果返回的是"Invalid API key"这类错误，就需要去OpenWeatherMap后台检查密钥是否有效、有没有超出调用次数限制。

按照上面的步骤调整后，应该就能正常弹出坐标信息了。

内容的提问来源于stack exchange，提问作者user8826283