利用中國天氣預(yù)報接口實現(xiàn)簡單天氣預(yù)報
更新時間:2014年01月20日 15:44:04 作者:
這篇文章主要介紹了利用中國天氣預(yù)報接口實現(xiàn)簡單天氣預(yù)報的示例,大家參考使用吧
復(fù)制代碼 代碼如下:
<?php
header("content-type:text/html;charset=utf-8");
$weather = file_get_contents("http://www.weather.com.cn/data/sk/101280601.html");
echo $weather;
?>
復(fù)制代碼 代碼如下:
<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>天氣預(yù)報</title>
</head>
<body>
<div class="all">
這里是:<span class="place">城市</span>,
氣溫是<span class="temp">氣溫</span>,
風(fēng)向:<span class="wind">風(fēng)向</span>,
風(fēng)力:<span class="windPower">風(fēng)力</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ù),將字符串轉(zhuǎn)成JSON格式
var oD = eval('('+data+')');
//用jquery-1.8.2獲取元素
var $place = $(".place"),
$temp = $(".temp"),
$wind = $(".wind"),
$windPower = $(".windPower");
//將返回來的數(shù)據(jù)放到相應(yīng)的位置
$place.html(oD["weatherinfo"]["city"]);
$temp.html(oD["weatherinfo"]["temp"] + "°");
$wind.html(oD["weatherinfo"]["WD"]);
$windPower.html(oD["weatherinfo"]["WS"]);
}
});
})
</script>
</body>
</html>
相關(guān)文章
CodeIgniter安全相關(guān)設(shè)置匯總
這篇文章主要介紹了CodeIgniter安全相關(guān)設(shè)置,需要的朋友可以參考下2014-07-07
實現(xiàn)laravel 插入操作日志到數(shù)據(jù)庫的方法
今天小編就為大家分享一篇實現(xiàn)laravel 插入操作日志到數(shù)據(jù)庫的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
php根據(jù)地址獲取百度地圖經(jīng)緯度的實例方法
在本篇文章里小編給大家整理了關(guān)于php根據(jù)地址獲取百度地圖經(jīng)緯度的實例方法,有需要的朋友們可以學(xué)習(xí)下。2019-09-09
PHP的Laravel框架中使用消息隊列queue及異步隊列的方法
這篇文章主要介紹了PHP的Laravel框架中使用消息隊列queue及異步隊列的方法,針對Laravel 5.0后的版本,示例環(huán)境為Linux系統(tǒng),需要的朋友可以參考下2016-03-03
destoon安全設(shè)置中需要設(shè)置可寫權(quán)限的目錄及文件
這篇文章主要介紹了destoon安全設(shè)置中需要設(shè)置可寫權(quán)限的目錄及文件,對于安全設(shè)置非常重要!需要的朋友可以參考下2014-06-06
thinkphp框架表單數(shù)組實現(xiàn)圖片批量上傳功能示例
這篇文章主要介紹了thinkphp框架表單數(shù)組實現(xiàn)圖片批量上傳功能,結(jié)合實例形式分析了js前端圖片上傳與后臺thinkPHP文件處理相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果詳解
這篇文章主要介紹了thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果,結(jié)合完整實例形式詳細(xì)分析了thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果具體數(shù)據(jù)表、控制器、前臺視圖與樣式相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-07-07

