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

天氣數據是通過采集中國氣象網站的本來中國天氣網站也給出了數據的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