php ajax实现无刷新获取天气状态
发布:smiling 来源: PHP粉丝网 添加日期:2014-01-11 14:47:18 浏览: 评论:0
首先我们要明白一点我们自己是无法来做天气预报这种功能的,这里我们只要调用api接口返回的数据就可以了,下面是以中国天气网的api接口调用实例我们一起来学习,天气已经成为生活中不可缺少的话题,与我们的生活有着密切的关系,我博客右边就用php+ajax做了一个天气查询小模块。
理想的状态应该是用户根据不同的访问地自动获取当地的天气信息,但是暂时技术有限吧,只能完成手动查询的了,这个就简单多了,没用到过多的技术,主要是应用ajax调用一个开放接口,然后再处理一下返回的json数据就完成了。
接口地址:http://www.weather.com.cn/data/cityinfo/101200101.html
返回的值:{"weatherinfo":{"city":"武汉","cityid":"101200101","temp1":"28℃","temp2":"36℃","weather":"晴转多云","img1":"n0.gif","img2":"d1.gif","ptime":"18:00"}}
接口地址部分“101200101”,这串ID号是城市ID,我百度到城市对应的id,然后封装成了一个数组,用的时候直接调用就行了。核心代码也不多,主要是城市——ID比较大,我就不贴源码了,直接打包分享出来吧。需要的朋友直接下载就行了!
部份代码如下:
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript" src="jquery.js" ></script>
- <script type="text/javascript">
- $(function(){
- $("#submit").click(function(){
- //发送ajax请求
- var city = $("#city").val();
- $.post("getweather.php", {city:city}, function(data){
- if(data.weatherinfo.city){
- var city = data.weatherinfo.city; //城市名称
- var temp1 = data.weatherinfo.temp1; //最高气温
- var temp2 = data.weatherinfo.temp2; //最低气温
- var weather = data.weatherinfo.weather; //天气描述(“晴到多云”)
- alert(city+":"+weather+","+temp2+"-"+temp1);
- return;
- }else{
- alert("没找到该城市");
- }
- },"json");
- });
- });
- </script>
getweather.php文件代码如下:
- <form method="post">
- 请输入城市:<input type="text" name="city" id="city" value="武汉" />
- <input type="button" name="sub" id="submit" value="查看天气" />
- </form>
- <?php
- include "citycode.php";
- $city = $_POST['city'];
- $citycode = @$citycode[$city];
- //echo "shibushi";
- if(emptyempty($citycode)){
- echo "您输入的城市不在范围内";
- }else{
- echo file_get_contents("http://www.weather.com.cn/data/cityinfo/".$citycode.".html");
- }
- ?>
Tags: ajax 无刷新 天气状态
相关文章
- ·PHP和AJAX打造高级RSS聚合器(2013-12-09)
- ·php 实现jquery+ajax 跨域数据调用实例(2014-01-03)
- ·php ajax.$post实现攒,顶,踩的功能(2014-01-11)
- ·php 判断是否为ajax请求(2014-05-12)
- ·php+ajax实现图片文件上传实例代码(2014-06-17)
- ·php+ajax实现select分类二级菜单效果(2014-06-28)
- ·PHP判断ajax请求类型(HTTP_X_REQUESTED_WITH)(2014-07-17)
- ·php+ajax实时获取下拉数据程序代码(2014-07-23)
- ·jQuery+Ajax+PHP实现“喜欢”评级功能代码(2014-08-27)
- ·php Ajax实现异步文件上传的代码(2014-09-08)
- ·php ajax XMLHttpRequest POST实例代码(2014-09-09)
- ·php+ajax文章自动保存代码实例方法(2014-09-09)
- ·php ajax实时输入自动搜索匹配程序代码(2014-09-10)
- ·PHP jquery ajax实现即时聊天功能(2014-09-22)
- ·PHP+Ajax远程图片抓取器下载的例子(2014-09-22)
- ·PHP如何传递Ajax成功或失败的状态?HTTP Status Codes可以实现(2015-04-15)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)