jQuery获取天气预报的方法

最新推荐文章于 2025-06-27 10:40:36 发布

转载最新推荐文章于 2025-06-27 10:40:36 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/Nealyang/blog/795223

文章标签：

#javascript #php #python #ViewUI

本文介绍了一种使用jQuery实现的本地天气查询功能。通过获取用户的地理位置信息，进而调用新浪提供的天气API，实现了动态显示用户所在城市的当前天气状况，包括天气图标、温度范围及风力等级等。

2019独角兽企业重金招聘Python工程师标准>>>

$('#weather').click(function () {
        var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';
        $.getScript(cityUrl, function(script, textStatus, jqXHR) {
            var citytq = remote_ip_info.city ;// 获取城市
            var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";
            $.ajax({
                url : url,
                dataType : "script",
                scriptCharset : "gbk",
                success : function(data) {
                    var _w = window.SWther.w[citytq][0];
                    var _f= _w.f1+"_0.png";
                    if(new Date().getHours() > 17){
                        _f= _w.f2+"_1.png";
                    }
                    var img = "<img width='16px' height='16px' src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/" +_f
                        + "' />";
                    var tq = citytq + " " + img + " " + _w.s1 + " " + _w.t1 + "℃～" + _w.t2 + "℃  " + _w.d1 + _w.p1 + "级";
                    //#weather自己修改,天气样式自己打断点调试
                    $('#weather').html(tq);
                    console.dir(_w);
                    console.dir(_f)
                }
            });
        });
    })

转载于:https://my.oschina.net/Nealyang/blog/795223