配合AJAX天气预报的webService 之asp

因为发现AJAX目前跨域有点问题,只能在IE里面设置才可以使用,所以自己就写了个简单ASP的webService,其实作用就是一个小偷程序,把雅虎的天气抓了过来,然后生成XML。先从这里开始吧,以后会考虑添加数据库,这样客户端写好后读取速度就很快了。

习惯了用JS写东西,一不小心ASP也全拿JS写的,呵呵,有时间再改成VB。
我再鄙视他一下,FLASH是N年前就搞过的,时间虽然丢的有点长了,但是在AW的帮助,慢慢就会有所起色。

总算平息了火,还算是又默默改变了一件事情。


代码如下:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<%
Session.CodePage = "65001"
Response.contentType="text/html"
Response.Expires = 0
var N=Request("n")
var Num=Request("id")
var url="http://xml.weather.yahoo.com/forecastrss?p="+N+"&u=c&id="+Num;
var xmldoc=Server.CreateObject("Microsoft.Xmlhttp");
xmldoc.open('GET',url,false);
xmldoc.send(null);
var response = xmldoc.responseXML.documentElement;
var lastNode=response.selectNodes("//rss/channel/lastBuildDate");
var cityNode=response.selectNodes("//rss/channel/yweather:location");
var windNode=response.selectNodes("//rss/channel/yweather:wind");
var atmosphereNode=response.selectNodes("//rss/channel/yweather:atmosphere");
var astronomyNode=response.selectNodes("//rss/channel/yweather:astronomy");
var conditionNode=response.selectNodes("//rss/channel/item/yweather:condition");
var forecastNode=response.selectNodes("//rss/channel/item/yweather:forecast");
var lastV=lastNode(0).firstChild.nodeValue
//编辑属性
function attri(a,b,c){
    return a(b).attributes.getNamedItem(c).value
}
var cityV=attri(cityNode,0,"city")
var chillV=attri(windNode,0,"chill")
var directionV=attri(windNode,0,"direction")
var speedV=attri(windNode,0,"speed")
var humidityV=attri(atmosphereNode,0,"humidity")
var visibilityV=attri(atmosphereNode,0,"visibility")
var sunriseV=attri(astronomyNode,0,"sunrise")
var sunsetV=attri(astronomyNode,0,"sunset")
var textV=attri(conditionNode,0,"text")
var codeV=attri(conditionNode,0,"code")
var tempV=attri(conditionNode,0,"temp")
//转换英文为中文
var cityCH=EN2CH(cityV)
function EN2CH(obj){
    if(obj=="Wuhan"){return "武汉"}
    else if(obj=="Nanchang"){return "南昌"}
    else if(obj=="Haikou"){return "海口"}
    else if(obj=="Beijing"){return "北京"}
    else if(obj=="Shanghai"){return "上海"}
    else if(obj=="Guangzhou"){return "广州"}
    else if(obj=="Yinchuan"){return "银川"}
    else if(obj=="Zhengzhou"){return "郑州"}
    else if(obj=="Changsha"){return "长沙"}
    else if(obj=="Hanzhong"){return "杭州"}
    else if(obj=="Hong Kong"){return "香港"}
    else if(obj=="Xin'an"){return "西安"}
    else if(obj=="Chengdu"){return "成都"}
    else if(obj=="Qingdao"){return "青岛"}
    else if(obj=="Guiyang"){return "贵阳"}
    else if(obj=="Jinan"){return "济南"}
    else if(obj=="Hefei"){return "合肥"}
    else if(obj=="Fuzhou"){return "福州"}
    else if(obj=="Nanjing"){return "南京"}
    else{return obj}
}
//风向函数
var windCH=wind(directionV)
function wind(a){
    if(a>337 && a<=360){return "北风"};
    else if(a>=0 && a<=22){return "北风"};
    else if(a>22 && a<=67){return "东北风"};
    else if(a>67 && a<=112){return "东风"};
    else if(a>112 && a<=157){return "东南风"};
    else if(a>157 && a<=202){return "南风"};
    else if(a>202 && a<=247){return "西南风"};
    else if(a>247 && a<=292){return "西风"};
    else if(a>292 && a<=337){return "西北风"};
}
//能见度函数
visibility=vis(visibilityV)
function vis(a){
    return a/100
}
//转换天气为中文
var textCH=tEN2CH(textV)
function tEN2CH(obj){
    if(obj=="Clear"){return "晴朗"}
    else if(obj=="Sunny"){return "晴天"}
    else if(obj=="Partly Cloudy"){return "局部有云"}
    else if(obj=="Mostly Clear"){return "晴"}
    else if(obj=="Mostly Sunny"){return "小云"}
    else if(obj=="Mostly Cloudy"){return "多云"}
    else if(obj=="Cloudy"){return "云"}
    else if(obj=="Sunny/Wind"){return "晴转云"}
    else if(obj=="AM Clouds/PM Sun/Wind"){return "云转晴"}
    else if(obj=="AM Showers"){return "晨雨"}
    else{return obj}
}
//天气图片
var weaNum=weaimg(codeV)
function weaimg(obj){
    return "<img src=\"http\://us\.i1\.yimg\.com/us\.yimg.com/i/us/we/52/"+obj+"\.gif\" />"
}
//星期替换
function dayEn(obj){
    if(obj=="Sun"){return "星期日"}
    else if(obj=="Mon"){return "星期一"}
    else if(obj=="Tue"){return "星期二"}
    else if(obj=="Wed"){return "星期三"}
    else if(obj=="Thu"){return "星期四"}
    else if(obj=="Fri"){return "星期五"}
    else if(obj=="Sat"){return "星期六"}
    else{return obj}
}
%>
<table width="163" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="6" align="center"><%=cityCH%><br />
      <%=weaNum%><br />
      <%=textCH%></td>
    <td align="right">感觉:</td>
    <td align="center"><%=chillV%>°</td>
  </tr>
  <tr style="background-color:#E6F5FF">
    <td align="right">实际:</td>
    <td align="center"><%=tempV%>°</td>
  </tr>
  <tr>
    <td align="right">风向:</td>
    <td align="center"><%=windCH%></td>
  </tr>
  <tr style="background-color:#E6F5FF">
    <td align="right">风速:</td>
    <td align="center"><%=speedV%>Kph</td>
  </tr>
  <tr>
    <td align="right">湿度:</td>
    <td align="center"><%=humidityV%>%</td>
  </tr>
  <tr style="background-color:#E6F5FF">
    <td align="right">能见度:</td>
    <td align="center"><%=visibility%>km</td>
  </tr>
</table>
<table width="163" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" align="center" class="time"><%=lastV%></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFCC">日出:<%=sunriseV%></td>
    <td bgcolor="#FFCC00">日落:<%=sunsetV%></td>
  </tr>
</table>
<table width="163" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
<%
for(var i=0; i<2; i++){
    var dayV=attri(forecastNode,i,"day")
    var dateV=attri(forecastNode,i,"date")
    var lowV=attri(forecastNode,i,"low")
    var highV=attri(forecastNode,i,"high")
    var texttV=attri(forecastNode,i,"text")
    var codetV=attri(forecastNode,i,"code")
    var dayCH=dayEn(dayV)
    var texttCH=tEN2CH(texttV)
    var weabmp=weaimg(codetV)
    //var weatNum=weaimg(codetV)
%>
        <td align="center"><%=dayCH%><br /><%=weabmp%><br /><%=texttCH%><br />最高<%=highV%>°<br />最低<%=lowV%>°</td>
<%
}
%>
</tr>
</table>

(0)

相关推荐

  • PHP+AJAX无刷新实现返回天气预报数据

    用php来写一个天气预报的模块 天气数据是通过采集中国气象网站的.本来中国天气网站也给出了数据的API接口.以下是API的地址.返回的数据格式为json格式. 1. http://www.weather.com.cn/data/sk/101010100.html 2. http://www.weather.com.cn/data/cityinfo/101010100.html 3. http://m.weather.com.cn/data/101010100.html URL中的数字"10101

  • Ajax 通过城市名获取数据(全国天气预报API)

    预览图(比较简单粗糙) 聚合数据全国天气预报接口:https://www.juhe.cn/docs/api/id/39 接口地址:http://v.juhe.cn/weather/index 支持格式:json/xml 请求方式:get 请求示例:http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY 调用样例及调试工具:API测试工具 请求参数说明: 名称 类型 必填 说明 cityn

  • 天枫AJAX天气预报系统V1.0

    '----------------------------------------------------------------------'转发时请保留此声明信息,这段声明不并会影响你的速度!'*******************  天枫AJAX天气预报系统V1.0 ************************************'作者:天枫'网站:http://www.52515.net'电子邮件:chenshaobo@gmail.com'QQ:76994859'版权声明:版权所

  • AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通

    '转发时请保留此声明信息,这段声明不并会影响你的速度! '****天枫AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通******** '作者:天枫 '网站:http://www.52515.net '电子邮件:chenshaobo@gmail.com 'WEB开发群:4635188 19182747 'QQ:76994859 '版权声明:版权所有,源代码公开,各种用途均可免费使用,但是修改后必须把修改后的文件 '发送一份给作者.并且保留作者此版权信息 '*****

  • JS HTML5 音乐天气播放器(Ajax获取天气信息)

    晚上要考软件工程,实在不想复习.写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明 PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置.另一个是服务器端的weather.php,获取天气信息返回json. weather.php就不写了,里面的对应路径存放对应的文件 演示地址: http://569375.ichengyun.net/fm/ 实现功能:音乐播放,进度调节(滑动模块),音量条

  • ajax获取用户所在地天气的方法

    使用ajax获取用户所在地的天气,供大家参考,具体内容如下 1.要获取用户归属地的天气,首先得获取用户所在的市区,这里先获取用户的IP,通过IP获取IP的归属地,从而得到用户地址. 2.因为阿里云提供了通过城市名(city)或者城市编号(cityId) 即可获取天气的API,从而获取用户归属地天气 var city1; $.ajax({ //获取客户端 IP 和 归属地 url: "http://chaxun.1616.net/s.php?type=ip&output=json"

  • PHP Ajax JavaScript Json获取天气信息实现代码

    要在自己的网站上添加一个天气预报功能,是一个很普通的需求,实现起来也不是很难.今天来介绍几个简单的方法. 使用第三方服务 有这样的一种简单的方式,借助http://www.tianqi.com/plugin/网上的天气服务,可以定制我们的显示形状,实现添加天气预报的功能. 下面给出一个简单的小例子: 复制代码 代码如下: <iframe width="420" scrolling="no" height="60" frameborder=&

  • AJAX天气预报前台

    直接配合前面的后台程序,就可以实现跨域抓取天气信息了. 目前已完美支持firefox了 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

  • 配合AJAX天气预报的webService 之asp

    因为发现AJAX目前跨域有点问题,只能在IE里面设置才可以使用,所以自己就写了个简单ASP的webService,其实作用就是一个小偷程序,把雅虎的天气抓了过来,然后生成XML.先从这里开始吧,以后会考虑添加数据库,这样客户端写好后读取速度就很快了. 习惯了用JS写东西,一不小心ASP也全拿JS写的,呵呵,有时间再改成VB. 我再鄙视他一下,FLASH是N年前就搞过的,时间虽然丢的有点长了,但是在AW的帮助,慢慢就会有所起色. 总算平息了火,还算是又默默改变了一件事情. 复制代码 代码如下: <

  • ajax的 responseXML返回接受 asp

    第一个文件   index.asp <script language="javascript"> var xmlHttp = false;    //ajax使用 try {   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {   try {     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   } ca

  • AJAX分页的代码(后台asp.net)

    在ASP.NET 中有很多数据展现的控件,比如用的最多的GridView,它同时也自带了分页的功能.但是我们知道用GridView来显示数据,如果没有禁用ViewState,页面的大小会是非常的大的.而且平时我们点击首页,下一页,上一页,尾页这些功能都是会引起页面回发的,也就是需要完全跟服务器进行交互,来回响应的时间,传输的数据量都是很大的.AJAX的分页可以很好的解决这些问题. 开发的坏境是:jQuery AJAX+Northwind. 具体的步骤: SearchCustomer.aspx:

  • 菜鸟蔡之Ajax复习第一篇(后台asp.net)(传统的JavaScript方法实现Ajax功能)

    其实最简单的可以理解为:JavaScript + XMLHttpRequest + CSS +服务器端的集合,其本质上是一种浏览器端的技术.好了, 简单的描述了一下,现在直接上代码吧! (1).功能描述: 新建两个html页面分别为1.html和2.html,在不刷新的情况下点击1.html页面上的"获取数据"按钮后,将2.html页中的内容显示在1.html页面的<div>标记中. (2).实现代码: 1.html实现代码: 复制代码 代码如下: <head>

  • JQuery运用ajax注册用户实例(后台asp.net)

    复制代码 代码如下: //JS代码 function checkname() { var Msg = document.getElementById("d_username"); var chk = CheckN(); if (chk) { $.ajax({ url: 'registerOK.aspx', type: 'POST', data: { lb: "checkname", username: $("#username").val() }

  • AJAX和JSP实现的基于WEB的文件上传的进度控制代码第1/2页

    1.引言 2.实现代码 2.1.服务器端代码 2.1.1. 文件上传状态类(FileUploadStatus) 2.1.2. 文件上传状态侦听类(FileUploadListener) 2.1.3. 后台服务类(BackGroundService) 2.1.4. 文件上传状态控制类(BeanControler) 2.2. 客户端代码 2.2.1. AjaxWrapper.js 2.2.2. fileUpload.html 2.2.3. result.jsp 2.2.4. fileUpload.c

  • Asp.net配合easyui实现返回json数据实例

    本文实例讲述了Asp.net配合easyui实现返回json数据的实现方法.分享给大家供大家参考.具体如下: 最近想用asp.net配合easyui开发一个小框架,然后再用到easyui的combobox的时候出现了一个问题,总所周知,easyui的文档上给出的combobox的格式是 复制代码 代码如下: <input class="easyui-combobox"               name="language"              dat

  • ASP中用ajax方式获得session的实现代码

    由于我是用的ff浏览器,一直没发现什么问题.上个礼拜提交给用户看的时候,说用IE登录完之后无效,大惊.结果还真的是这样..很囧 登录代码如下: 复制代码 代码如下: //从服务器查询是否存在session j.ajax({ type:"GET", url:"sessioncheck.asp", data:"", timeout: 1000, error: function(){ alert('sorry, server is busy now!'

随机推荐