本文以.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返回對象到客戶端的調用。