调用接口进行天气预报

来源：互联网发布：冒泡排序c语言详解编辑：程序博客网时间：2024/06/15 20:24

前台查询页面

<meta charset="utf-8" /><header><script type="application/javascript" src="jquery-1.8.2.min.js"></script></header><body><div align="center"><h2>天气预报</h2><input type="text" name="city" value="" class="city"><input type="button" value="查询" class="btn"></div><div class="k" align="center"><!--<p>城市：<span></span></p>--><!--<p>日期：<span></span></p>--><!--<p>天气：<span></span></p>--><!--<p>气温：<span></span></p>--></div></body><script>    $(function(){        $(".btn").click(function(){            var city=$(".city").val();            $.ajax({                type: "GET",                url: "tqyb.php",                data: {city:city},                dataType:"json",                success: function(data){                    $(".k").html(data);                }            });        });    });</script>

后台接口页面

<?phpheader("content-type:text/html;charset=utf-8");$city=$_GET["city"];$url = "http://api.k780.com:88/?app=weather.future&weaid=".$city."&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json";$str=file_get_contents($url);$temp="";//$obj=simplexml_load_string($str);//echo $obj->result->item_0->week;//var_dump($data["result"]);/* * json格式 *///转化为数组$data=json_decode($str,true);//var_dump($data);die;$temp.="<h4>未来一周天气</h4>";foreach($data["result"] as $k=>$v){        $temp.='<div style="float: left;margin-left: 50px;">';        $temp.="<p>城市：<span>".$v["citynm"]."</span></p>";        $temp.='<p>日期：<span>'.$v["week"].'</span></p>';        $temp.='<p>天气：<span>'.$v["weather"].'</span></p>';        $temp.='<p>气温：<span>'.$v["temperature"].'</span></p>';        $temp.='</div>';}echo json_encode($temp);

0 0