来自 APIXU 的天气问题 API

Question

我刚刚开始学习 API 请求，我正在尝试使用 APIXU api 调用显示多伦多的当前天气（这里是文档：https://www.apixu.com/doc/current.aspx) 而且我不确定我做错了什么。

这里是html:

<div class="weather">
  <h3>Toronto Weather Forecast</h3>
  <ul style="margin: 0">
  </ul>
</div>

这是 js：

        // Weather API
    function loadData() {
        var weatherAPIXU = "http://api.apixu.com/v1/current.json?key=XXXXXXXXXXXXXXXXX&q=Toronto";
    $.getJSON(weatherAPIXU, function(data) {
        var list = $(".place ul");
        forecast = data.current;
        list.append('<li>Temp: ' + forecast.temp_c + '°C</li>');
    }).error(function(e) {
        $(".place").append('<p style="text-align: center;">Sorry!</p><p style="text-align: center;">Could Not Be Loaded</p>');
    });
};

$('.place').submit(loadData);

一旦我知道如何通过 JSON 实现它，我也想将它与 knockout.js 绑定

所以，如果您也能给我一些建议，我们将不胜感激。

Answer 1

我仔细观察了一下，发现我根本没有加载 API。因此，对于那些可能有类似问题的人来说，这是一个可行的解决方案。

$(document).ready(function loadData() {
    var weatherAPIXU = "http://api.apixu.com/v1/current.json?key=XXXXXXXXXXXX&q=Toronto";
    $.getJSON(weatherAPIXU, function(data) {
        var forecast = data.current.temp_c;
        var weather = $(".weather");
        weather.append(forecast + '° C');
    }).error(function(e) {
        $(".weather").append('Sorry! Not Loaded');
    });
    $('.weather').submit(loadData);
});

来自 APIXU 的天气问题 API

Problems with Weather API from APIXU

api

json

weather-api

knockout.js