Проблемы с Weather API от APIXU

Я только начинаю изучать запросы 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.

Так что, если вы можете дать мне рекомендации по этому поводу, я был бы очень признателен.


json api weather-api knockout.js
person Grechko Dmitry    schedule 18.06.2017    source источник
comment
В этой ссылке говорится, как обрабатывать запрос ajax с нокаутом: knockoutjs.com/documentation/json-data .html. Также вам может помочь плагин сопоставления Knockout (knockoutjs.com/documentation/plugins-mapping.html).   -  person Jose Luis    schedule 18.06.2017
comment
Спасибо за ваш ответ! Я еще не попал в картографию для этого, но спасибо за ссылку - я посмотрю. Пока мне просто очень любопытно, почему мой JSON не загружается в html. Потому что я вижу результаты в консоли.   -  person Grechko Dmitry    schedule 18.06.2017

Ответы (1)


arrow_upward
1
arrow_downward

Я присмотрелся и обнаружил, что вообще не загружал свой 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);
});
person Grechko Dmitry    schedule 08.07.2017