AJAX实现的天气预报查看

 

1.       Introduction:

首先说明一下整个程序的结构:

 

    通过使用javascript和ajax方法来得到某个城市的天气。从web页面传给服务器需要显示天气情况的城市名称,然后在服务器端通过httpwebresponse方法得到腾讯的天气显示。这里建议如果是商业使用请使用google。

2.       Detail Design:

详细的实现过程如下:

a.       aspx显示页面的实现:

  

通过edit按钮来变换城市,上图右上角第一个按钮时刷新当天天气的按钮。

b.       使用到的js文件,实现了城市的选择,是aspx页面的html代码的js事件等。还有用到一些xml转换的js文件等。

  

c.       然后是ajax方法从服务器返回天气的数据,然后通过stringbuilder把返回的的内容转化为string.

 

d.       最后是通过http请求从腾讯提供的天气信息页面得到需要的天气信息。

  

最后说明下需要注意的问题: 一个是配置web.config文件使它支持ajax请求等,还有就是在aspx页面后面注册ajax方法,如下:

 

3.       Source Code:

需要源代码的可以留下email,我发给你。