Flex - RPC 服务
Flex 提供 RPC 服务，将服务器端数据提供给客户端。Flex 对服务器端数据提供了相当多的控制权。
使用 Flex RPC 服务，我们可以定义要在服务器端执行的用户操作。
Flex RPC 服务可以与任何服务器端技术集成。
Flex RPC 服务之一为通过网络传输压缩二进制数据提供内置支持，速度非常快。
Flex 提供以下三种类型的 RPC 服务
| Sr.No | RPC 服务和描述 |
|---|---|
| 1 | HttpService <mx:HTTPService> 标签用于表示 MXML 文件中的 HTTPService 对象。当您调用 HTTPService 对象的 send() 方法时，它会向指定的 URL 发出 HTTP 请求，并返回 HTTP 响应。您还可以使用 HTTP HEAD、OPTIONS、TRACE 和 DELETE 方法。 |
| 2 | WebService <mx:WebService> 用于访问符合 SOAP 规范的 Web 服务的操作。 |
| 3 | RemoteObject <mx:RemoteObject> 标记用于表示 MXML 文件中的 HTTPService 对象。此标记允许您使用动作消息格式 (AMF) 编码访问 Java 对象的方法。 |
我们将详细讨论 HTTP 服务。我们将使用放置在服务器上的 XML 源文件，并通过 HTTP 服务在客户端访问它。
Items.xml
<items> <item name = "Book" description = "History of France"></item> <item name = "Pen" description = "Parker Pen"></item> <item name = "Pencil" description = "Stationary"></item> <items>
HTTPService Declaration
Now declare a HTTPService and pass it url of the above file
<fx:Declarations> <mx:HTTPService id = "itemRequest" url = "http://www.tutorialspoint.com/flex/Items.xml" /> </fx:Declarations>
RPC 调用
调用 itemRequest.send() 方法并将 itemRequest webservice 的 lastResult 对象的值绑定到 Flex UI 组件。
...
itemRequest.send();
...
<mx:DataGrid id = "dgItems" height = "80%" width = "75%"
dataProvider = "{itemRequest.lastResult.items.item}">
<mx:columns>
<mx:DataGridColumn headerText = "Name" dataField = "name" />
<mx:DataGridColumn headerText = "Description" dataField = "description" />
</mx:columns>
</mx:DataGrid>
RPC 服务调用示例
现在，让我们按照以下步骤在 Flex 应用程序中测试 RPC 服务 −
| 步骤 | 描述 |
|---|---|
| 1 | 在 com.tutorialspoint.client 包下创建一个名为 HelloWorld 的项目，如 Flex - 创建应用程序 一章中所述。 |
| 2 | 按照说明修改 HelloWorld.mxml以下。其余文件保持不变。 |
| 3 | 编译并运行应用程序，以确保业务逻辑按要求运行。 |
以下是修改后的 mxml 文件 src/com.tutorialspoint/HelloWorld.mxml 的内容。
<?xml version = "1.0" encoding = "utf-8"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009"
xmlns:s = "library://ns.adobe.com/flex/spark"
xmlns:mx = "library://ns.adobe.com/flex/mx"
minWidth = "500" minHeight = "500" creationComplete = "init(event)">
<fx:Style source = "/com/tutorialspoint/client/Style.css" />
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
protected function init(event:FlexEvent):void {
itemRequest.send();
}
]]>
</fx:Script>
<fx:Declarations>
<mx:HTTPService id = "itemRequest"
url = "http://www.tutorialspoint.com/flex/Items.xml" />
</fx:Declarations>
<s:BorderContainer width = "630" height = "480" id = "mainContainer"
styleName = "container">
<s:VGroup width = "100%" height = "100%" gap = "10"
horizontalAlign = "center" verticalAlign = "middle">
<s:Label id = "lblHeader" text = "RPC Service Demonstration"
fontSize = "40" color = "0x777777" styleName = "heading" />
<s:Panel id = "parentPanel" title = "Using RPC Services"
width = "500" height = "200" >
<s:layout>
<s:VerticalLayout gap = "10"
verticalAlign = "middle" horizontalAlign = "center" />
</s:layout>
<mx:DataGrid id = "dgItems" height = "80%" width = "75%"
dataProvider = "{itemRequest.lastResult.items.item}">
<mx:columns>
<mx:DataGridColumn headerText = "Name" dataField = "name" />
<mx:DataGridColumn headerText = "Description"
dataField = "description" />
</mx:columns>
</mx:DataGrid>
</s:Panel>
</s:VGroup>
</s:BorderContainer>
</s:Application>
完成所有更改后，让我们像在 Flex - 创建应用程序 一章中一样，以正常模式编译并运行应用程序。如果您的应用程序一切正常，它将产生以下结果:[ 在线试用 ]
