Question

我正在制作一个使用地理位置的天气应用程序，但也会搜索。

地理定位功能正常，但用户搜索失败;控制台中的错误是：GET {api url} 404（Not Found）。

首先，不起作用的功能：

    function getWeatherWithUserInput() {
  return new Promise(function(resolve, reject) {

   var location = $("#location").val().trim();
   var widget = Mixcloud.PlayerWidget(document.getElementById('my-widget-iframe'));

   var weatherCSQueryURL = "http://api.openweathermap.org/data/2.5/weather?q=" + location + "=&appid=" + WeatherAPIKey;

    $.ajax({
      url: weatherCSQueryURL,
      method: "GET"
     }).done(function(response) {
       //$(".city").html("<h1>" + response.name + " Weather </h1>");
       $(".wind").html("<h1>" + response.name + "</h1>");
       //$(".humidity").html("Humidity: " + response.main.humidity);
       //var f_temp = 9/5*(response.main.temp-273)+32;
       //$(".temp").html("Temperature (F) " + Math.floor(f_temp));
       resolve(response.weather[0].id);
       });
    });
  };

现在正在运作的功能：

function getWeatherWithGeo() {
  return new Promise(function(resolve,reject) {
    getGeoLocationGoogle()
      .then(function(response) {
          var lat = response.location.lat;
          var lon = response.location.lng;

          var weatherLLQueryURL = "http://api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&appid=" + WeatherAPIKey;
          $.ajax({
              url: weatherLLQueryURL,
              method: "GET"
          }).done(function(response) {
              $(".wind").html("<h1>" + response.name + "</h1>");
              resolve(response.weather[0].id);
          });
        })
      })

    }

我似乎无法找到差异，为什么一个人会工作而另一个人没有。欢迎任何建议！

Answer 1

正确的网址应为：

var weatherCSQueryURL = "http://api.openweathermap.org/data/2.5/weather?q=" + location + "&appid=" + WeatherAPIKey;

位置后的=符号要求另一个值，并告诉ajax请求该位置将是parm。

GET请求openweather API不起作用

1 个答案: