实现天气预报功能

闲来无聊，写下此文

经常看见很多网站上有那种天气预报功能，自己之前也写过一个，不过属于那种涉及WCF服务引用那种，今天发现一个更为简单的方式来实现，使用Javascript和Ajax技术，极少后台代码，具体好与不好各位看官看了再说，尽管拍砖、、、

前置条件

作为程序员的我们木有天气数据，那些天气预报的数据肯定都来自中国气象局，我们需要采集相关数据到我们本地进行相应的处理，这里提供一个采集网址：http://www.weather.com.cn/data/cityinfo/101200101.html

在这个网址中有气象中心提供的相关数据，不过都是Json格式，有了数据就好办多了，接下来我们就来编码，弱弱的写下了如下JS代码：

 1     <script type="text/javascript">
 2         var xmlHttpRequest = null;
 3         //创建XMLHttpRequest
 4         function createXmlHttpRequest() {
 5             if (window.XMLHttpRequest) {
 6                 xmlHttpRequest = new XMLHttpRequest();
 7             } else if (window.ActiveXObject) {
 8                 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
 9             }
10         }
11         //调用Ajax
12         function sendRequest(url) {
13             if (xmlHttpRequest) {
14                 xmlHttpRequest.open("GET", url, true);
15                 xmlHttpRequest.onreadystatechange = onCallBack;
16                 xmlHttpRequest.send(null);
17             }
18         }
19         //返回操作结果
20         function onCallBack() {
21             if (xmlHttpRequest.readyState == 4) {
22                 if (xmlHttpRequest.status == 200) {
23                     if