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


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 相关文章推荐
php中的时间显示
Jan 18 PHP
PHP简洁函数小结
Aug 12 PHP
php和javascript之间变量的传递实现代码
Dec 19 PHP
PHP生成随机用户名和密码的实现代码
Feb 27 PHP
两级联动select刷新后其值保持不变的实现方法
Jan 27 PHP
php中多维数组按指定value排序的实现代码
Aug 19 PHP
php保存信息到当前Session的方法
Mar 16 PHP
php按字符无乱码截取中文的方法
Mar 27 PHP
php使用GD创建保持宽高比缩略图的方法
Apr 17 PHP
实现PHP框架系列文章(6)mysql数据库方法
Mar 04 PHP
PHP用FTP类上传文件视频等的简单实现方法
Sep 23 PHP
PHP中TP5 上传文件的实例详解
Jul 31 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
一个程序下载的管理程序(三)
2006/10/09 PHP
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
2019/09/10 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
国际贸易求职信
2014/07/05 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
2015年社区平安建设工作总结
2015/05/13 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
python脚本框架webpy模板控制结构
2021/11/20 Python
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫