您好,登錄后才能下訂單哦!
小編給大家分享一下php中如何利用中國天氣預報接口實現簡單天氣預報,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
代碼如下:
<?php header("content-type:text/html;charset=utf-8"); $weather = file_get_contents("http://www.weather.com.cn/data/sk/101280601.html"); echo $weather; ?>
代碼如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gbk" /> <style type="text/css"> .all span {font:bold 30px/50px "宋體";color:red;} </style> <title>天氣預報</title> </head> <body> <div class="all"> 這里是:<span class="place">城市</span>, 氣溫是<span class="temp">氣溫</span>, 風向:<span class="wind">風向</span>, 風力:<span class="windPower">風力</span> </div> <script type="text/javascript" src="http://127.0.0.1/jquery.js"></script> <script type="text/javascript"> $(function () { $.ajax({ //請求的地址 url : "http://127.0.0.1/weather.php", //請求成功后執行的函數 success : function (data) { //用eval()解析返回來的數據,將字符串轉成JSON格式 var oD = eval('('+data+')'); //用jquery-1.8.2獲取元素 var $place = $(".place"), $temp = $(".temp"), $wind = $(".wind"), $windPower = $(".windPower"); //將返回來的數據放到相應的位置 $place.html(oD["weatherinfo"]["city"]); $temp.html(oD["weatherinfo"]["temp"] + "°"); $wind.html(oD["weatherinfo"]["WD"]); $windPower.html(oD["weatherinfo"]["WS"]); } }); }) </script> </body> </html>
以上是“php中如何利用中國天氣預報接口實現簡單天氣預報”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。