萬盛學電腦網 >> 網絡編程 >> 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>- 上一頁:利用referer防止圖片盜鏈
- 下一頁:php解析url的三個示例
php編程排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved