jQuery获取新浪城市与天气信息

最新推荐文章于 2021-06-04 04:18:25 发布

原创最新推荐文章于 2021-06-04 04:18:25 发布 · 2.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js/jQuery

本文介绍了一个使用jQuery发起AJAX请求来获取用户所在城市的天气信息的方法。通过调用新浪提供的API接口，可以实现自动获取并显示当前所在城市的名称及天气状况，包括天气图标和温度范围。

//获取新浪城市与天气信息
function findWeather() {
    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 ;// 获取城市
        $('#provinceCity').html(citytq);
        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 weatherImg = judgingWeather(_w.s1||_w.s2);
                $('#weather').html(_w.s1);
                $('#weatherImg').attr("src","../../../resources/images/manager/"+weatherImg+".png");
                $('#temperature').html(_w.t1 + "℃/" + _w.t2 + "℃  ");
            }
        });
    });
}

<div class="f_r t_i_15 index1_1_2_2">
				<img id="weatherImg" width="50" height="50" class="f_l m_t_8 m_l_20" />
				<div id="weather" class="f_l m_l_12 m_t_8 index1_1_2_font2"></div>
				<div id="temperature" class="f_l index1_1_2_font2"></div>
			</div>