显示与天气预报集成的图标

编程问答 2022-05-23

问题描述

我正在使用 Yahoo API 用 javascript 语言开发天气项目。我是这个行业的新手。我正在获取最新的天气信息。但是，根据天气，该图标不会出现。我从雅虎获得的 json 信息中没有图标。我如何自己添加？

雅虎

var url = 'https://weather-ydn-yql.media.yahoo.com/forecastrss';
var method = 'GET';
var app_id = '32uGUpkg';
var consumer_key = 'dj0yJmk9RWRzc0NGdnJ3dGwzJmQ9WVdrOU16SjFSMVZ3YTJjbWNHbzlNQT09JnM9Y29uc3VtZXJzZWNyZXQmc3Y9MCZ4PWI2';
var consumer_secret = 'c03826c4ffb389706f4da478a797426e61794c9f';
var concat = '&';
var query = {
    'location': 'istanbul,tr','format': 'json'
};
var oauth = {
    'oauth_consumer_key': consumer_key,'oauth_nonce': Math.random().toString(36).substring(2),'oauth_signature_method': 'HMAC-SHA1','oauth_timestamp': parseInt(new Date().getTime() / 1000).toString(),'oauth_version': '1.0'
};



var merged = {};
$.extend(merged,query,oauth);
// Note the sorting here is required
var merged_arr = Object.keys(merged).sort().map(function (k) {
    return [k + '=' + encodeURIComponent(merged[k])];
});
var signature_base_str = method +
    concat + encodeURIComponent(url) +
    concat + encodeURIComponent(merged_arr.join(concat));

var composite_key = encodeURIComponent(consumer_secret) + concat;
var hash = CryptoJS.HmacSHA1(signature_base_str,composite_key);
var signature = hash.toString(CryptoJS.enc.Base64);

oauth['oauth_signature'] = signature;
var auth_header = 'OAuth ' + Object.keys(oauth).map(function (k) {
    return [k + '="' + oauth[k] + '"'];
}).join(',');


$.ajax({
    url: url + '?' + $.param(query),headers: {
        'Authorization': auth_header,'X-Yahoo-app-id': app_id
    },method: 'GET',success: function (data) {
        ui(data);  
    }
});

这是我的 html 代码。我想根据天气显示一个图标。

            <div class="row mt-3" id="week">
                <div class="col-lg-2 col-md-4 col-sm-4">
                    <div class="location-timezone">
                        <p>Today</p>
                    </div>
                    <div class="notification"></div>
                    <div id="night" class="weather-container">
                        <div class="weather-icon"><img src="assets/icons/01d.png" alt=""></div>
                        <div class="temperature-value">
                            <p id="0-high"></p>
                            <p id="0-low"></p>
                        </div>
                        <div class="temperature-description mt-4">
                            <p id="0-text"></p>
                        </div>
                    </div>
                </div>
            </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptjsonweatherdatayahoo-api