Flex调用Webservice实现天气预报

你对Flex调用Webservice实现天气预报的方法是否熟悉，这里和大家分享一下，Flex调用Webservice有多种方法，可以通过ActionScript中Webservice类来实现。还有就是使用组件实现。

成都创新互联是一家专注于成都网站设计、成都做网站与策划设计,西林网站建设哪家好?成都创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:西林等地区。西林做网站价格咨询:18980820575

Flex调用Webservice实现天气预报

Flex调用Webservice有多种方法，可以通过FlexBuilder提供的管理Webservices的工具解析WSDL文档生成本地调用类。也可以通过ActionScript中Webservice类来实现。还有就是使用组件实现。这次我使用的是最后一种，感觉这种方法较为简洁。

1.构建界面

用于接受用户输入及结果输出。包括：1个Text输入组件，1个按钮组件，10个标签组件

2.添加Webservice组件

根据Web服务提供者的说明，构建Webservice组件。代码如下：

 
 
 
    
  
  
  
  1. 
  
  
  
  2. WebServices/WeatherWebService.asmx?wsdl"  
    3. 
  
  
  
  3. useProxy="false"showBusyCursor="true"> 
    4. 
  
  
  
  4. 
  
  
  
  5. result="resultOK()"> 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8. {city.text.toString()}  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13.

注意：operation组件中的name属性需要和待使用的方法的名字相同。result的属性是在调用方法成功后执行的ActionScript方法。operation还有其他属性，鉴于例子很简单，就不一一使用了。

3.编写ActionScript方法

本例中使用了三个方法：resultOK()用于显示结果的，showMessage()用于显示说明，getfocus()用于当输入栏得到焦点时清空输入栏内容的。下面是resultOK()的分析：

 
 
 
    
  
  
  
  1. publicfunctionresultOK():void{//显示接受的结果  
    2. 
  
  
  
  2. arrayResult=newArrayCollection();  
    3. 
  
  
  
  3. arrayResult=ws.getWeatherbyCityName.lastResult;  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. //显示今天的情况  
    6. 
  
  
  
  6. jin1.text=arrayResult[6].toString().substring(0,arrayResult[6].toString().indexOf(""));  
    7. 
  
  
  
  7. jin2.text=arrayResult[6].toString().substring((arrayResult[6].toString().indexOf(""))+1);  
    8. 
  
  
  
  8. jin3.text=arrayResult[5];  
    9. 
  
  
  
  9. jin4.text=arrayResult[7];  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. //显示明天的情况  
    12. 
  
  
  
  12. ming1.text=arrayResult[13].toString().substring(0,arrayResult[13].toString().indexOf(""));  
    13. 
  
  
  
  13. ming2.text=arrayResult[13].toString().substring((arrayResult[13].toString().indexOf(""))+1);  
    14. 
  
  
  
  14. ming3.text=arrayResult[12];  
    15. 
  
  
  
  15. ming4.text=arrayResult[14];  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17. //显示后天的情况  
    18. 
  
  
  
  18. hou1.text=arrayResult[18].toString().substring(0,arrayResult[18].toString().indexOf(""));  
    19. 
  
  
  
  19. hou2.text=arrayResult[18].toString().substring((arrayResult[18].toString().indexOf(""))+1);  
    20. 
  
  
  
  20. hou3.text=arrayResult[17];  
    21. 
  
  
  
  21. hou4.text=arrayResult[19];  
    22. 
  
  
  
  22. }  
    23. 
  
  
  
  23.  
    24.

在使用Web服务返回的结果时，发现其结果保存在字符数组中的，在WSDL中是ArrayOfString，而Flex没有这种格式，在试过String，Array类型后，发现ArrayCollection类可以使用。然后就是显示结果，可根据WSDL说明来挑选信息。

4.使用按钮调用Webservice组件，发送Web服务信息。

即调用ws.getWeatherbyCityName.send()方法。

◆编译发布swf文件

求助：在使用swf文件的时候有这样的问题，不晓得怎么把flex导出的swf嵌入Html中。普通的嵌入，不能实现调用Web服务的功能，使用项目生成的文件包中的Html文件倒是可以，但是如果把文件包复制出来，放到另外的地方，又无法使用Web服务了。那位高手能够给予帮助，在下将不胜感激。

完整代码如下：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. 
  
  
  
  3. height="155"layout="absolute"fontSize="12"viewSourceURL="srcview/index.html"> 
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 
  
  
  
  6. importmx.controls.Alert;  
    7. 
  
  
  
  7. importmx.collections.ArrayCollection;  
    8. 
  
  
  
  8. publicvararrayResult:ArrayCollection;//保存接收到的结果  
    9. 
  
  
  
  9. publicfunctionresultOK():void{//显示接受的结果  
    10. 
  
  
  
  10. arrayResult=newArrayCollection();  
    11. 
  
  
  
  11. arrayResult=ws.getWeatherbyCityName.lastResult;  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. //显示今天的情况  
    14. 
  
  
  
  14. jin1.text=arrayResult[6].toString().substring(0,arrayResult[6].toString().indexOf(""));  
    15. 
  
  
  
  15. jin2.text=arrayResult[6].toString().substring((arrayResult[6].toString().indexOf(""))+1);  
    16. 
  
  
  
  16. jin3.text=arrayResult[5];  
    17. 
  
  
  
  17. jin4.text=arrayResult[7];  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19. //显示明天的情况  
    20. 
  
  
  
  20. ming1.text=arrayResult[13].toString().substring(0,arrayResult[13].toString().indexOf(""));  
    21. 
  
  
  
  21. ming2.text=arrayResult[13].toString().substring((arrayResult[13].toString().indexOf(""))+1);  
    22. 
  
  
  
  22. ming3.text=arrayResult[12];  
    23. 
  
  
  
  23. ming4.text=arrayResult[14];  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25. //显示后天的情况  
    26. 
  
  
  
  26. hou1.text=arrayResult[18].toString().substring(0,arrayResult[18].toString().indexOf(""));  
    27. 
  
  
  
  27. hou2.text=arrayResult[18].toString().substring((arrayResult[18].toString().indexOf(""))+1);  
    28. 
  
  
  
  28. hou3.text=arrayResult[17];  
    29. 
  
  
  
  29. hou4.text=arrayResult[19];  
    30. 
  
  
  
  30. }  
    31. 
  
  
  
  31.  
    32. 
  
  
  
  32. //显示说明  
    33. 
  
  
  
  33. publicfunctionshowMessage():void{  
    34. 
  
  
  
  34. varalert:Alert=Alert.show("请输入城市中文名称(国外城市可用英文)。web服务来源于http://www.webxml.com.cn，数据来源于中国气象局"+  
    35. 
  
  
  
  35. "，包括340多个中国"+  
    36. 
  
  
  
  36. "主要城市和60多个国外主要城市三日内的天气情况。作者EMAIL：anhulife@gmail.com","说明",Alert.YES);  
    37. 
  
  
  
  37. }  
    38. 
  
  
  
  38.  
    39. 
  
  
  
  39. //处理当输入栏获得焦点时，输入栏清空  
    40. 
  
  
  
  40. publicfunctiongetfocus():void{  
    41. 
  
  
  
  41. city.text="";  
    42. 
  
  
  
  42. }  
    43. 
  
  
  
  43. ]]> 
    44. 
  
  
  
  44.  
    45. 
  
  
  
  45.  
    46. 
  
  
  
  46.  
    47. 
  
  
  
  47. 
  
  
  
  48. useProxy="false"showBusyCursor="true"> 
    49. 
  
  
  
  49.  
    50. 
  
  
  
  50.  
    51. 
  
  
  
  51.  
    52. 
  
  
  
  52. {city.text.toString()}  
    53. 
  
  
  
  53.  
    54. 
  
  
  
  54.  
    55. 
  
  
  
  55.  
    56. 
  
  
  
  56.  
    57. 
  
  
  
  57.  
    58. 
  
  
  
  58. 
  
  
  
  59. width="200"x="10"y="10"focusIn="getfocus()"fontSize="12"color="#909697"/> 
    60. 
  
  
  
  60.  
    61. 
  
  
  
  61.  
    62. 
  
  
  
  62.  
    63. 
  
  
  
  63.  
    64. 
  
  
  
  64.  
    65. 
  
  
  
  65.  
    66. 
  
  
  
  66.  
    67. 
  
  
  
  67.  
    68. 
  
  
  
  68.  
    69. 
  
  
  
  69.  
    70. 
  
  
  
  70.  
    71. 
  
  
  
  71.  
    72. 
  
  
  
  72.  
    73. 
  
  
  
  73.  
    74. 
  
  
  
  74.  
    75. 
  
  
  
  75.  
    76. 
  
  
  
  76.  
    77. 
  
  
  
  77.  
    78. 
  
  
  
  78.  
    79. 
  
  
  
  79.  
    80. 
  
  
  
  80.  
    81.

 想学习Webservice，所以先研究一下Flex怎么调用WebService.看了这篇文章感觉不错，先测试一下。

标题名称：Flex调用Webservice实现天气预报
链接URL：http://www.gawzjz.com/qtweb2/news9/23109.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

动态网站知识

分类信息网

正泰动物　　 　外贸网站设计方案　　 　成都小程序开发　　 　成都多线服务器托管　　 　网站空间　　 　400电话申请　　 　域名申请　　 　成都网站营销推广　　 　重庆托管服务器　　 　SSL认证　　 　php空间　　 　郫县明安消防器材　　 　成都网站设计　　 　绵阳网站制作公司　　 　铁科精智测控　　 　网站域名　　 　水泥基自流平　　 　成都网站设计制作公司　　 　成都响应式网站建设　　 　四川服务器托管