/ / APIXU से मौसम एपीआई के साथ समस्याएं - जेसन, एपीआई, नॉकआउट.जेएस, मौसम-एपीआई

APIXU से मौसम एपीआई के साथ समस्याएं - जेसन, एपीआई, नॉकआउट.जेएस, मौसम-एपीआई

मैं अभी एपीआई अनुरोध सीखना शुरू कर रहा हूं और मैं एपीएक्सएक्सयू एपीआई कॉल का उपयोग कर टोरंटो में वर्तमान मौसम प्रदर्शित करने की कोशिश कर रहा हूं (यहां दस्तावेज है: https://www.apixu.com/doc/current.aspx) और मुझे यकीन नहीं है कि मैं क्या गलत कर रहा हूं।

यहां एचटीएमएल है:

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

जेएस है:

        // 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

मैंने इसके करीब देखा और मैंने पाया है कि मैंने अपना एपीआई बिल्कुल लोड नहीं किया है। इसलिए, यहां उन लोगों के लिए एक समाधान समाधान है जो समान समस्याएं हो सकती हैं।

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