icultivator 2013-11-19 17:13:32 6874次浏览 0条评论 3 0 0

原文:http://nonfu.me/p/5549.html

具体应用说不上,写这个功能纯粹为了好玩,可能在网站的小挂件里没准能用上这样的功能,或者一些生活类网站比较适用,在正式进入本话题之前,必须要通过PHP将JSON格式省市(区)二级数据插入数据库,才能进行接下来的天气查询操作,所谓巧妇难为无米之炊,斯理也。在完成省市信息入库之后,理一下实现思路:前台通过搜索框执行ajax请求,后台根据城市名称查询城市编码,然后通过城市编码组装成API接口获取该城市天气信息,返回到前台,其实还是很简单的,代码如下:

1.前台代码 weather.php:

<?php
/*
 * author:农夫庄园
 * website:http://nonfu.me
 * url:http://nonfu.me/p/5549.html
 */
?>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<input type="text" id="city_name" name="city"/>
<button id="query" onclick="queryWeather();">查询</button>
<div id="show">

</div>

<script type="text/javascript">
    function queryWeather(){
        $.post('getweather.php',
            {city: $("#city_name").val()},
            function(data) {
               //optional stuff to do after success
               var weather = data.weatherinfo.weather1;
               var temp = data.weatherinfo.temp1;
               $("#show").html(weather+","+temp);
            },'json');
    }
</script>

2.后台代码 getweather.php:

<?php  
/*
* author:农夫庄园
* website:http://nonfu.me
* url:http://nonfu.me/p/5549.html
*/

if (isset($_POST['city'])) {
    $city = $_POST['city'];
    //通过城市名称获取城市ID
    $pdo = new PDO('mysql:host=localhost;dbname=test;charset=utf8','root','root');
    $stmt = $pdo->prepare('SELECT id FROM city WHERE name=:name');
    $stmt->bindParam(':name',$city);
    $stmt->execute();
    $cid = $stmt->fetchColumn();
    //通过城市ID获取城市天气详情
    $api = "http://m.weather.com.cn/data/".$cid.".html";
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $api);
    curl_setopt($ch, CURLOPT_HEADER, false);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.1 Safari/537.11');
    $ret = curl_exec($ch);
    curl_close($ch);
    //返回获取json格式结果
    echo $ret;
}else{
    echo '请输入要查询的城市名!';
}
?>

3.效果演示:

weather

注:本文转自 http://nonfu.me/p/5549.html

    没有找到数据。
您需要登录后才可以评论。登录 | 立即注册