熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> PHP編程 >> 正文

PHP+AJAX無刷新實現返回天氣預報數據

2013-11-15 12:25:46  來源: PHP編程 
天氣數據是通過采集中國氣象網站的本來中國天氣網站也給出了數據的API接口接下來為大家介紹下用php來寫一個天氣預報的模塊感興趣的朋友可以參考下  

  用php來寫一個天氣預報的模塊

天氣數據是通過采集中國氣象網站的本來中國天氣網站也給出了數據的API接口以下是API的地址返回的數據格式為json格式





URL中的數字”“是城市代碼所以可以先列出每個城市的城市代碼然後php程序接收到了城市代碼再去組裝URL在通過URL來顯示該城市的實時天氣

indexphp

復制代碼 代碼如下:
<?php
header("ContentType:text/html;charset=utf");
?>
<html>
<meta httpequiv="ContentType" content="text/html;charset=utf" />
<head>
<title>weather forecast</title>
<script type="text/javascript" src="ajaxjs"></script>
<script type="text/javascript">
function $(id){
return documentgetElementById(id);
}
function getCityId(){
var http_request=createAjax();
var url="weatherforecastphp"
var data="cityid="+$("cityId")value;

("post"urltrue);
("Contenttype""application/xwwwformurlencoded");
(data);
function getWetherInfo(){
if{
var info=http_requestresponseText;
$("weatherinfo")innerHTML=info;
}
}
}
</script>
</head>
<body>
<select name="cityId" onchange="getCityId();" id="cityId">
<option>請選擇城市</option>
<option value="">北京</option>
<option value="">上海</option>
<option value="">天津</option>
<option value="">重慶</option>
<option value="">廣州</option>
</select>
<span id="weatherinfo"></span>
</body>
</html>

  
weatherforecastphp

復制代碼 代碼如下:

  
<?php
header("ContentType:text/html;charset=utf");
header("CacheControl:nocache");
if (isset($_POST[cityid])){
$cityid=$_POST[cityid];
$url=$url="$cityid"html";
}else {
$url="";
}
$weatherInfo_json=file_get_contents($url);
$weatherInfo=json_decode($weatherInfo_jsontrue);
$cityName=$weatherInfo[weatherinfo][city];
$cityTemp=$weatherInfo[weatherinfo][temp];
$cityWd=$weatherInfo[weatherinfo][WD];
$cityWs=$weatherInfo[weatherinfo][WS];
$cityTime=$weatherInfo[weatherinfo][time];
$citySD=$weatherInfo[weatherinfo][SD];
echo $weatherinfo="城市名字$cityName氣溫$cityTemp風向$cityWd";
?>


From:http://tw.wingwit.com/Article/program/PHP/201311/20929.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.