flex2使用webservice完成天气预报

http://www.webservicex.net/globalweather.asmx是一个公共免费的webservice接口，提供全球主要城市的当天天气情况（包括中国的主要城市），firefox下打开链接，用GetCitiesByCountry方法和china参数试运行一下，可以看到返回一个xml结构表示支持的城市名称（用这些城市名称作为参数使用GetWeather方法就能得到天气信息了）。下面我们就使用flex2丰富的用户体验来实现简单的天气查询系统。
IDE:Flex builder 3

打开flex 2 language reference，可以看到web service 应用相关的namespace有两个：

• mx.rpc.soap
• mx.rpc.soap.mxml

从名称上来看，后者是前者的component封装（实际上就是如此），说白了mx.rpc.soap.mxml下的两个class可以使用mxml tag的声明方式来定义一个web service，一般情况下，这样的声明方式可读性还是比较好的，代码量比较少，还有一些UI上扩展的功能可以利用（比如WebService class的ShowBusyCursor方法）。声明方式很简单

xml 代码

 

1. <mx:WebService id="weatherWS" wsdl="http://www.webservicex.net/globalweather.asmx?WSDL" showBusyCursor="true" fault="wsFaultPopAlert()"/>  

这就是一个简单的webservice定义，然后我们可以加上operation声明，或者使用编程方式调用。以本例来讲，可以直接使用编程方式调用，就跟普通的方法调用形式一样：

xml 代码

1. weatherWS.GetCitiesByCountry("China");  

很简单吧，都不需要关注底层技术。

声明方式也是可以的：

xml 代码

 

1. <mx:WebService id="weatherWS" wsdl="http://www.webservicex.net/globalweather.asmx?WSDL" showBusyCursor="true" fault="wsFaultPopAlert()">  
2.     <mx:operation name="GetCitiesByCountry"/>  
3. mx:WebService>  

mx:operation其实就是mx.rpc.soap.mxml.Operation，里面有一个public funciton -- send(...args)，代表方法调用，于是：

xml 代码

1. weatherWS.GetCitiesByCountry.send("china")  

这样也是可以的。

除此以外WebService提供两个event：

• mx.rpc.events.FaultEvent
• mx.rpc.events.ResultEvent

分别代表调用出错和成功事件，两者都没有提供用户默认实现，需要用编程方式实现事件处理。特别是用ResultEvent可以获得调用结果（就是本例开始获得的xml结果，剩下的处理就是分析xml结构啦）。

下面是模块代码：

xml 代码

 

1. xml version="1.0" encoding="utf-8"?>  
2. <mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="174" height="200" title="Weather" creationComplete="init()">  
3.       
4.     <mx:Script>  
5.          
6.             private var citysArr:Array = new Array(); 
7.              
8.             private function init():void 
9.             { 
10.                 citysArr.push({label:"choose..."}); 
11.                 cityCombo.selectedIndex = 0; 
12.                 weatherWS.addEventListener(ResultEvent.RESULT, wsResult); 
13.                 weatherWS.GetCitiesByCountry("China"); 
14.                  
15.                 this.title = "Weather(connecting...)"; 
16.             } 
17.              
18.             private function wsResult(eve:ResultEvent):void 
19.             { 
20.                 this.title = "Weather"; 
21.                 weatherWS.removeEventListener(ResultEvent.RESULT,wsResult); 
22.                 XML.ignoreWhitespace = true; 
23.                 XML.ignoreComments = true; 
24.                 XML.ignoreProcessingInstructions = true; 
25.                 var xml:XML = new XML(eve.result.toString()); 
26.                  
27.                 var cityNum:int = xml.Table.length(); 
28.                 for(var i:int=0 ; i 
29.                 { 
30.                     citysArr.push({label:xml.Table[i].City}); 
31.                 } 
32.                  
33.                 cityCombo.addEventListener(ListEvent.CHANGE, cityListChooseHandler); 
34.                 weatherWS.addEventListener(ResultEvent.RESULT, onCityInfo); 
35.             } 
36.              
37.              
38.             private function cityListChooseHandler(eve:ListEvent):void 
39.             { 
40.                 var cityName:String = cityCombo.selectedLabel; 
41.                 cityInfo.htmlText = ""; 
42.                 weatherWS.GetWeather(cityName,"china"); 
43.             } 
44.              
45.             private function onCityInfo(eve:ResultEvent):void 
46.             { 
47.                 var xml:XML = new XML(eve.result.toString()); 
48.                 var infoNum:int = xml.children().length(); 
49.                 for(var i:int=0 ; i 
50.                 { 
51.                     var nodestr:String = xml.children()[i].toXMLString(); 
52.                     cityInfo.htmlText += " 
53.                 } 
54.             } 
55.              
56.             private function wsFaultPopAlert():void 
57.             { 
58.                 Alert.show("WebService access failed"); 
59.             } 
60.         ]]>  
61.     mx:Script>  
62.       
63.     <mx:WebService id="weatherWS" wsdl="http://www.webservicex.net/globalweather.asmx?WSDL" showBusyCursor="true" fault="wsFaultPopAlert()"/>  
64.       
65.     <mx:Label x="0" y="0" text="City"/>  
66.     <mx:ComboBox id="cityCombo" x="34" y="-2" width="120" dataProvider="{citysArr}" labelField="label"/>  
67.     <mx:TextArea id="cityInfo" x="0" y="26" width="100%" height="100%" selectable="false"/>  
68.     <mx:ControlBar>  
69.     mx:ControlBar>  
70. mx:Panel>