使用JSON(天气API)渲染数据

时间:2016-08-06 07:40:49

标签: jquery json geolocation

我开始使用JSON,尝试使用Open Weather Map API来实现天气应用程序。我正在尝试根据用户的坐标将键“name”的值返回到<h2 id="city"></h2>,我不确定为什么它当前没有返回任何内容。我理解before有类似问题,但我不确定这种情况如何适用。

$(document).ready(function() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var lati = position.coords.latitude;
      var longi = position.coords.longitude;
      var address = "api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=*****";

      $.getJSON(address, function(json) {
        $("#city").html(json["name"]);
      });
    });
  }
});

1 个答案:

答案 0 :(得分:1)

使用http://api.openweather...之类的网址,而不是api.openweather...

否则浏览器会认为它是一个相对地址,并尝试像http://example.com/api.openweather...一样打开它,假设页面网址为http://example.com

其余似乎都有效。我添加了http://前缀,并将API替换为我的,并且代码按预期在我的环境中运行。