当前的天气状况JQuery

时间:2018-04-27 12:18:32

标签: javascript jquery html

我是JQuery的初学者,我正试图通过Yahoo API获取当前的天气状况。



$(function() {

  var weatherUrl = 'https://query.yahooapis.com/v1/public/yql?q=select%20item.condition%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text%3D%22lyon%22)%20and%20u%3D%22c%22&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys'

  $.getJSON(weatherUrl, function(data) {
    var result = data.query.results.channel.item.condition;
    var code = result.code;
    var currently = result.text;
    var temp = result.temp;
    var image = 'https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/' + result.code + 'd.png';
    var units = 'C'


    html = '<h2><i class="icon-' + code + '"></i> ' + temp + '&deg;' + units + '</h2>';
    html += '<ul><li>' + 'Lyon' + ', ' + 'France' + '</li>';
    html += '<li class="currently">' + currently + '</li>';
    $("#weather").html(html);
  });

});
&#13;
<html>
<p class="back">
  <div id="weather"></div>
</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</html>
&#13;
&#13;
&#13;

如何在div&#34; weather&#34;?

中插入html

0 个答案:

没有答案