js 获取天气预报

最新推荐文章于 2025-07-06 13:43:10 发布

原创最新推荐文章于 2025-07-06 13:43:10 发布 · 5.4k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#天气预报

前端小技巧同时被 2 个专栏收录

40 篇文章

订阅专栏

40 篇文章

订阅专栏

不逼逼，直接看方法

1.2345天气预报插件 iframe 链接 http://tianqi.2345.com/plugin/

2.百度天气接口

$.ajax({
    url:"http://api.map.baidu.com/telematics/v3/weather?location=北京&output=json&ak=H7W5CxI0BPzKtwGcBHmpGPAz50xP1Qjw",
    dataType:"jsonp",
    jsonpCallback:"admin_cross",
    success:function(data){
        console.log(data)
    }
})

3.心知天气链接 https://www.seniverse.com/doc

4.通过万年历获取天气

        $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function (_result) {
            console.log(remote_ip_info);//定位城市
            if (remote_ip_info.ret == '1') {
                $.ajax({ //获取天气
                    type: "GET",
                    url: "http://wthrcdn.etouch.cn/weather_mini?city=" + remote_ip_info.city,
                    data: "",
                    success: function (msg) {
                        var res = eval('(' + msg + ')');
                        //alert(msg);
                        if (res.status == 1000) {
                            //请求成功
                            console.log(res)
                            console.log(res.data.forecast[0].fengli.substring(9, res.data.forecast[0].fengli.length - 3))
                        }
                    }
                });
            }
        });