Ajax之实时天气预报源码
女士们,先生们,大家好哈
今天很高兴能再次发原创代码
今天我要给大家看的效果是一个天气预报
先给大家一个地址去看看哈
http://weather.news.qq.com/inc/07_dc205.htm
我也是这个地址的人哦 哈哈(本人是南充人哈)!!!
好了 废话少说
先来讲讲代码是怎么实现的
(代码的开始就要判断你的电脑是否能上网,所以不能上网的话代码就不能正常执行)
首先在Default.aspx页面里面
我放置了两个UpdatePanel控件
一个是无刷新按钮效果,一个是无刷新显示效果
再来就是两个DropDownList控件,一个是用来显示省会城市的
一个是用来根据选择的省会城市再进行选择城市的
还有两个CascadingDropDown控件,其实也可以不这个样子做
因为我这个样子做嘛是想到既然要实现Ajax效果那么全部都要实现撒(嘿嘿!!)
前面的控件我不想多说了,只是现在我给大家介绍下CascadingDropDown这个控件(很好耍的哦)
CascadingDropDown这个控件就是相关联的下拉列表控件,功能是当改变其中一个时候另外一个下拉列表
框的值也会跟着改变哦!!!常见的应用就是地区的选择了哈,当选择其中一个省会时候,自动二级城市的值随着一级
省会改变而改变.(真不错呢)这重层叠列表在没有Ajax之前一般是将所有值发送到客户端,然后通过JavaScript来控制的哦!!!
(今天我们里面除了显示天气预报的效果是外面给我们的哈,其余的数据都是在本机哦!!!)
哦 还有哈CascadingDropDown有几个重要的咚咚::::
TargetControlID:绑定控件的ID值
Category:下拉列表的分类名
PromptText:设置下拉列表为空是显示的文本
LoadingText:设置下拉列表装载数据库时候显示的文本
ServiceMethod:返回数据的Web服务方法.
ServicePath:Web服务的路径
ParentControlID:下拉列表的父列表
SelectedValue:设置默认值
在我的这个事例中,DropDownList的值全部来源于数据库
好了就说到这个地方哈,我上课去咯!!!
DB_51aspx下为数据库文件,附加即可哦