利用中國天氣預報接口實現(xiàn)簡單天氣預報
更新時間：2014年01月20日 15:44:04 作者：
這篇文章主要介紹了利用中國天氣預報接口實現(xiàn)簡單天氣預報的示例，大家參考使用吧
復制代碼 代碼如下:
<?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",
//請求成功后執(zhí)行的函數(shù)
success : function (data) {
//用eval()解析返回來的數(shù)據(jù)，將字符串轉成JSON格式
var oD = eval('('+data+')');
//用jquery-1.8.2獲取元素
var $place = $(".place"),
$temp = $(".temp"),
$wind = $(".wind"),
$windPower = $(".windPower");
//將返回來的數(shù)據(jù)放到相應的位置
$place.html(oD["weatherinfo"]["city"]);
$temp.html(oD["weatherinfo"]["temp"] + "°");
$wind.html(oD["weatherinfo"]["WD"]);
$windPower.html(oD["weatherinfo"]["WS"]);
}
});
})
</script>
</body>
</html>
相關文章
這篇文章主要介紹了CodeIgniter安全相關設置,需要的朋友可以參考下2014-07-07
實現(xiàn)laravel 插入操作日志到數(shù)據(jù)庫的方法
今天小編就為大家分享一篇實現(xiàn)laravel 插入操作日志到數(shù)據(jù)庫的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
在本篇文章里小編給大家整理了關于php根據(jù)地址獲取百度地圖經緯度的實例方法，有需要的朋友們可以學習下。2019-09-09
這篇文章主要為大家詳細介紹了PHP實現(xiàn)大轉盤抽獎算法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
PHP的Laravel框架中使用消息隊列queue及異步隊列的方法
這篇文章主要介紹了PHP的Laravel框架中使用消息隊列queue及異步隊列的方法,針對Laravel 5.0后的版本,示例環(huán)境為Linux系統(tǒng),需要的朋友可以參考下2016-03-03
這是我錄制的一個gif操作動畫,圖片比較大,如果大家在線看圖感覺不流暢的話可以把圖片保存到本機再看2012-08-08
這篇文章主要介紹了destoon安全設置中需要設置可寫權限的目錄及文件,對于安全設置非常重要！需要的朋友可以參考下2014-06-06
thinkphp框架表單數(shù)組實現(xiàn)圖片批量上傳功能示例
這篇文章主要介紹了thinkphp框架表單數(shù)組實現(xiàn)圖片批量上傳功能,結合實例形式分析了js前端圖片上傳與后臺thinkPHP文件處理相關操作技巧,需要的朋友可以參考下2020-04-04
thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果詳解
這篇文章主要介紹了thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果,結合完整實例形式詳細分析了thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果具體數(shù)據(jù)表、控制器、前臺視圖與樣式相關實現(xiàn)技巧,需要的朋友可以參考下2019-07-07
下面小編就為大家?guī)硪黄狿HP 讀取大文件并顯示的簡單實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08