首页 > 网页制作 > Flash > Flex > flex WebService 数据访问

基于WebService的数据访问(上) Flex与.NET互操作(二)

2009-06-15 19:49:23 作者：

Flex提供了<mx:WebService>、<mx:HTTPService>和<mx:RemoteObject>标签来直接访问远程数据，这用于与各种不同语言环境开发提供的远程服务端数据源（如WebService）进行数据交互通信显得更加容易.

本文以.NET平台下C#语言开发的WebService作为远程数据源,详细介绍Flex与.NET的WebService的数据通信知识点;包括连接WebService，远程调用WebService方法，给WebService方法传递参数等相关知识点。三个标签的使用方法基本上是一样，这里就以<mx:WebService>标签为例进行介绍。

首先看看如下代码块：

复制代码代码如下:

 
<mx:WebService id="dataService" 
wsdl="http://localhost/FlashFlex/DataWebService.asmx?wsdl" 
useProxy="false"> 
<mx:operation name="HelloWorld" result="onSuccess(event)" fault="onFault(event)"/> 
<mx:operation name="GetBook" fault="onFault(event)" result="onObjectSuccess(event)"/> 
</mx:WebService> 

wsdl属性指定到要访问的WebService的wsdl地址既可，其中定义了两个操作标签 (<mx:operation>)，分别对应于WebService中定义的WebMethod方法。result属性标记访问 WebService方法成功后的处理函数；fault则相反，指定于访问失败的处理函数。以上两个<mx:operation>对应于 WebService的WebMethod方法如下： 
/// <summary> 
/// 返回字符串 
/// </summary> 
/// <returns></returns> 
[WebMethod] 
public string HelloWorld() 
{ 
return "Hello World"; 
} 

/// <summary> 
/// 返回一个简单对象 
/// </summary> 
/// <returns></returns> 
[WebMethod] 
public Book GetBook() 
{ 
return new Book 
{ 
Id = 1, 
Name = "三国演义", 
Author = "罗贯中", 
Price = 100 
}; 
} 

如上便是WebService方法定义和在Flex的客户端(mxml)通过<mx:WebService>标签来访问WebService的完整流程，下面我们来看看在Flex的客户端怎么去调用WebService所定义的方法：

复制代码代码如下:

 
<mx:Script> 
<![CDATA[ 
import mx.controls.Alert; 
import mx.rpc.events.FaultEvent; 
import mx.rpc.events.ResultEvent; 

/** 
* 向WebService发起请求--调用HelloWorld方法，dataService为<mx:WebService>的id 
* */ 
internal function onRequest():void 
{ 
dataService.HelloWorld(); 
} 

/** 
* 请求成功处理返回结果 
* */ 
internal function onSuccess(evt:ResultEvent):void 
{ 
Alert.show(evt.result.toString()); 
} 


/** 
* 请求失败的处理函数 
* */ 
internal function onFault(evt:FaultEvent):void 
{ 
Alert.show("访问WebService失败!"); 
} 
]]> 
</mx:Script> 

通过上面的调用，就可以完成一个Flex和.NET WebService的交互。当然我们在Flash/Flex的客户端调用WebService也是可以传递参数的，如下WebService的WebMethod定义：

复制代码代码如下:

 
/// <summary> 
/// 将传递进来的参数转化为大写字符返回 
/// </summary> 
/// <param name="value"></param> 
/// <returns></returns> 
[WebMethod] 
public string ConvertToUpper(string value) 
{ 
return value.ToUpper(); 
} 

通过在<mx:WebService>标签下配置<mx:operation>执行该方法就可以访问了，如下： 
<mx:operation name="ConvertToUpper" result="onSuccess(event)" fault="onFault(event)"/> 
/** 
* 向WebService发起请求 
* */ 
internal function onRequest():void 
{ 
//dataService.HelloWorld(); 
dataService.ConvertToUpper("abcdefg"); 
} 

另外，我们还可以通过<mx:request>来传递参数，这里只需要知道<mx:request></mx:request>里的参数配置与WebService提供的WebMethod方法参数同名就OK。

回到前面看看WebService的方法定义，其中一个方法GetBook是返回的一个Book对象，如果是返回的对象我们在Flex的客户端怎么来获取这个对象的值呢？详细见如下代码示例：

复制代码代码如下:

 
internal function onObject():void 
{ 
dataService.GetBook(); 
} 

internal function onObjectSuccess(evt:ResultEvent):void 
{ 
//直接通过事件的result属性得到返回值,然后直接访问属性便OK 
Alert.show(evt.result.Name); 
} 

/** 
* 请求失败的处理函数 
* */ 
internal function onFault(evt:FaultEvent):void 
{ 
Alert.show("访问WebService失败!"); 
} 

如上便完成了服务端的WebService返回对象到客户端的调用。

基于WebService的数据访问(上) Flex与.NET互操作(二)

您可能感兴趣的文章: