利用中国天气预报接口实现简单天气预报


Posted in PHP onJanuary 20, 2014
<?php
header("content-type:text/html;charset=utf-8");
$weather = file_get_contents("http://www.weather.com.cn/data/sk/101280601.html");
echo $weather;
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gbk" />
<style type="text/css">
.all span {font:bold 30px/50px "宋体";color:red;}
</style>
<title>天气预报</title>
</head>
<body>
<div class="all">
这里是:<span class="place">城市</span>,
气温是<span class="temp">气温</span>,
风向:<span class="wind">风向</span>,
风力:<span class="windPower">风力</span>
</div>
<script type="text/javascript" src="http://127.0.0.1/jquery.js"></script>
<script type="text/javascript">
$(function () {
$.ajax({
//请求的地址
url : "http://127.0.0.1/weather.php",
//请求成功后执行的函数
success : function (data) {
//用eval()解析返回来的数据,将字符串转成JSON格式
var oD = eval('('+data+')');
//用jquery-1.8.2获取元素
var $place = $(".place"),
$temp = $(".temp"),
$wind = $(".wind"),
$windPower = $(".windPower");
//将返回来的数据放到相应的位置
$place.html(oD["weatherinfo"]["city"]);
$temp.html(oD["weatherinfo"]["temp"] + "°");
$wind.html(oD["weatherinfo"]["WD"]);
$windPower.html(oD["weatherinfo"]["WS"]);
}
});
})
</script>
</body>
</html>
PHP 相关文章推荐
详细介绍:Apache+PHP+MySQL配置攻略
Sep 05 PHP
使用网络地址转换实现多服务器负载均衡
Oct 09 PHP
php基础知识:类与对象(1)
Dec 13 PHP
php桌面中心(二) 数据库写入
Mar 11 PHP
PHP XML error parsing SOAP payload on line 1
Jun 17 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
Jan 16 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
Jun 25 PHP
php中session使用示例
Mar 29 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
Apr 29 PHP
PHP中Notice错误常见解决方法
Apr 28 PHP
统计PHP目录中的文件数方法
Mar 05 PHP
PHP ob缓存以及ob函数原理实例解析
Nov 13 PHP
php日历制作代码分享
Jan 20 #PHP
php使用qr生成二维码的示例分享
Jan 20 #PHP
php利用新浪接口查询ip获取地理位置示例
Jan 20 #PHP
php利用腾讯ip分享计划获取地理位置示例分享
Jan 20 #PHP
php生成缩略图示例代码分享(使用gd库实现)
Jan 20 #PHP
php解析url的三个示例
Jan 20 #PHP
使用php伪造referer的方法 利用referer防止图片盗链
Jan 20 #PHP
You might like
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
PHP守护进程化在C和PHP环境下的实现
2017/11/21 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
javascript 常用代码技巧大收集
2009/02/25 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
python 时间戳与格式化时间的转化实现代码
2016/03/23 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
项目申报专员岗位职责
2014/07/09 职场文书
廉洁自律承诺书2015
2015/01/22 职场文书
薪资证明范本
2015/06/19 职场文书
少先队大队委竞选口号
2015/12/25 职场文书