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


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 相关文章推荐
模拟xcopy的函数
Oct 09 PHP
PHP Header用于页面跳转要注意的几个问题总结
Oct 03 PHP
php 数组的创建、调用和更新实现代码
Mar 09 PHP
php数组函数序列之array_push() 数组尾部添加一个或多个元素(入栈),返回新长度。
Nov 07 PHP
PHP 万年历实现代码
Oct 18 PHP
用mysql_fetch_array()获取当前行数据的方法详解
Jun 05 PHP
destoon数据库表说明汇总
Jul 15 PHP
修改WordPress中文章编辑器的样式的方法详解
Dec 15 PHP
PHP文件与目录操作示例
Dec 24 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
Sep 15 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
Apr 09 PHP
PHP实现发送微博消息功能完整示例
Dec 04 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中is_file不能替代file_exists的理由
2014/03/04 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
父子窗体间传递JSON格式的数据的代码
2010/12/25 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
jQuery简单设置文本框回车事件的方法
2016/08/01 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
2017/04/25 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
async/await地狱该如何避免详解
2018/05/10 Javascript
JS+HTML5 canvas绘制验证码示例
2018/12/05 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
JavaScript switch语句使用方法简介
2019/12/30 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
Python入门篇之条件、循环
2014/10/17 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
python如何将多个PDF进行合并
2019/08/13 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
浅谈css3中的前缀
2016/07/20 HTML / CSS
Unix如何在一行中运行多个命令
2015/05/29 面试题
自主招生自荐书
2013/11/29 职场文书
学习心得体会
2014/01/01 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
周年庆典主持词
2014/04/02 职场文书
高中生逃课检讨书
2014/10/10 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL