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


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 相关文章推荐
用Socket发送电子邮件
Oct 09 PHP
PHP 防恶意刷新实现代码
May 16 PHP
Php Image Resize图片大小调整的函数代码
Jan 17 PHP
phpmyadmin3 安装配置图解教程
Mar 29 PHP
php采集文章中的图片获取替换到本地(实现代码)
Jul 08 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
Jun 13 PHP
php中curl使用指南
Feb 05 PHP
PHP5.3以上版本安装ZendOptimizer扩展
Mar 27 PHP
php给一组指定关键词添加span标签的方法
Mar 31 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
Apr 07 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
Jun 09 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
Aug 17 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 引用是个坏习惯
2010/03/12 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
原生js实现网易轮播图效果
2020/04/10 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
python 容器总结整理
2017/04/04 Python
pytorch 调整某一维度数据顺序的方法
2018/12/08 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
关于python中导入文件到list的问题
2020/10/31 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
Linux Interview Questions For software testers
2013/05/17 面试题
J2EE面试题
2016/03/14 面试题
小学中秋节活动方案
2014/02/06 职场文书
2015年公司新年寄语
2014/12/08 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python