用JS通過新浪天氣API接口獲取天氣

先上代碼


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="w"></div>
    <script>
    $.getScript('http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=0&city=&dfc=1&charset=utf-8',function(a){
    var s="",r="",q="";for(s in window.SWther.w){
        q=SWther.w[s][0];
        r={city:s,date:SWther.add.now.split(" ")[0]||"",day_weather:q.s1,night_weather:q.s2,day_temp:q.t1,night_temp:q.t2,day_wind:q.p1,night_wind:q.p2},
        $("#w").html(q.s1+" "+r.city);
        //alert(q[0])
        }
});</script>
</body>
</html>

從代碼中可以看到js是從http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=0&city=&dfc=1&charset=utf-8

獲取天氣的.
這裏首先是city= 是自動定位到你的城市的.

然後遍歷數組,得到 city: 城市,day_weather:白天天氣,night_weather:夜晚天氣,day_temp:白天天氣,night_temp:夜晚天氣,day_wind:白天風,night_wind:夜晚風.

然後再地址欄可以輸入
http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=0&city=&dfc=1&charset=utf-8
查看一些返回的數據

也可以在控制檯輸出一下console.log(window.SWther.w);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章