weather-display | Weather display based on Waveshare

To handle the result of $.getJSON its important to know your jQuery version. One of the most important changes in jQuery 3 is that jQuery.Deferred is now Promises/A+ compatible.

Probably you are using a jQuery version pre 3.0, which means you have to transform the Deferred to a Promise which can be done with Ember.RSVP.resolve().

However this is not your problem!

First I've build a twiddle with your code. Consider doing this yourself next time ;-). There you see the error in the console:

XMLHttpRequest cannot load https://api.darksky.net/forecast/22b106924ed7e3bcde76608f7f064585/46.9483,7.4515?exclude=minutely,hourly,daily,flags&units=si. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

This is because darksky has disabled CORS for their API. This means you can't access the API from in-Browser JavaScript directly.

You have to request your own Webserver, which then can do the request to the darksky API.

Please check the references about CORS.

Yes. This is how CORS works. The data is successfully returned to the Browser by the application, but because the CORS headers are missing the Browser doesnt allow your Website to access the response. This is a important security feature.