您当前的位置: 首页 > 网站编程 > PHP教程 > 利用中国天气预报接口实现简单天气预报

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

作者:不详 来源:网络 发布时间: 2014-08-12 10:20 点击:
这篇文章主要介绍了利用中国天气预报接口实现简单天气预报的示例,大家参考使用吧 代码如下: ?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

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

  这篇文章主要介绍了利用中国天气预报接口实现简单天气预报的示例,大家参考使用吧

  代码如下:

  <?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>
分享到:
本文"利用中国天气预报接口实现简单天气预报"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(2)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4