/ / Probleme mit Wetter-API von APIXU - json, api, knockout.js, Wetter-api

Probleme mit der Wetter-API von APIXU - json, api, knockout.js, weather-api

Ich fange gerade an API Anfragen zu bekommen und versuche das aktuelle Wetter in Toronto mit APIXU API Calls anzuzeigen (hier ist die Dokumentation: https://www.apixu.com/doc/current.aspx) und ich bin mir nicht sicher, was ich falsch mache.

Hier ist HTML:

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

Hier ist 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);

Sobald ich weiß, wie ich es über JSON implementieren kann, möchte ich es auch mit knockout.js verbinden

Also, wenn Sie mir diesbezüglich auch Empfehlungen geben können, wäre es sehr zu schätzen.

Antworten:

0 für die Antwort № 1

Ich schaute genauer hin und fand heraus, dass ich meine API überhaupt nicht geladen habe. Hier sind also funktionierende Lösungen für diejenigen, die ähnliche Probleme haben könnten.

$(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);
});