/ / Проблеми з Weather API з APIXU - json, api, knockout.js, weather-api

Проблеми з Weather API з APIXU - json, api, knockout.js, weather-api

Я тільки починаю вивчати API-запити, і я намагаюся відобразити поточну погоду в Торонто, використовуючи API APІ-дзвінки (ось документація: 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

Отже, якщо ви також можете надати мені рекомендації, то це буде дуже вдячна.

Відповіді:

0 для відповіді № 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);
});