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的Weather API问题

1 个答案: