微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Flex与服务器交互之一URLRequest +URLLoader应用

分类：Flex作者：编程之家AI导航网

原文链接



   由于Flex只是一种客户端技术其本身并不能直接同数据库交互，在实际的应用开发过程中Flex提供了如URLRequest、HTTPService、RemoteObject、WebService等类以实现同服务器的通讯和数据交互，下面做一些介绍和实例解析:
   1、使用URLRequest向服务器发送请求，使用URLLoader接收服务器返回的数据:
    URLRequest类可捕获单个 HTTP 请求中的所有信息，可以将 URLRequest 对象传递给 Loader、URLStream 和 URLLoader 类以及其他加载操作的 load() 方法以启动 URL 下载;默认情况下，传递给 url 参数的 URL 必须与执行调用的 SWF 文件在完全相同的域，包括子域。如果要从其它域中加载数据，请在承载数据的服务器上放置一个跨域策略文件。有关URLRequest详细可参看http://help.adobe.com/zh_CN/AIR/1.1/jslr/flash/net/URLRequest.html 
   urlvariables类主要用来在应用程序和服务器之间传输参数变量;详细查看:http://livedocs.adobe.com/flex/3_cn/langref/flash/net/URLVariables.html   URLLoader 类以文本、XML、二进制数据或 URL 编码变量的形式从 URL 返回请求的数据详细请参看:http://livedocs.adobe.com/flex/3_cn/langref/flash/net/URLLoader.html

    完成以下示例要引用到的Flex包:

[xhtml]  view plain copy
  1. import mx.rpc.events.FaultEvent;  
  2. import mx.collections.XMLListCollection;  
  3. import flash.net.URLLoader;  
  4. import flash.net.URLRequest;  
  5. import flash.net.urlvariables;  
  6. import flash.net.URLRequestMethod;  
  7. import flash.events.Event;  
  8. import mx.utils.URLUtil;  
  9. import mx.collections.ArrayCollection;  
  10. import mx.rpc.events.ResultEvent;  
  11. import com.adobe.serialization.json.JSON;  

   2、应用示例一：通过URLRequest和urlvariables向服务器发送参数请求并返回服务器文本数据（以下服务器端都采用asp.net编写）
   服务器端代码:
[c-sharp]  copy
    protected void Page_Load(object sender, EventArgs e)  
  1. {  
  2.         //获取URLResuest请求回的参数 返回数据用；分隔以方便Flex对数据进行序列化  
  3.         string rs = String.Format("name={0};age={1};address={2}",Request.QueryString["name"],  
  4.                                                                  Request.QueryString["age"],  
  5.                                                                  Request.QueryString["address"]);  
  6.         Response.ClearContent();  
  7.         Response.ContentType = "text/plain";  
  8.         Response.Write(rs); //以文本形式返回数据  
  9.         Response.End();  
  10. }  

   FLEX中发送请求：
copy
    private function getText():void  
  1.     var v:urlvariables = new urlvariables("name=jacky&age=35&address=HongKong China");  
  2.     var r:URLRequest = new URLRequest();  
  3.     r.url = "http://localhost:2222/FlexService/TextFrm.aspx";  
  4.     r.method = URLRequestMethod.GET;  
  5.     r.data = v;  
  6.      
  7.     var l:URLLoader = new URLLoader();  
  8.     l.load(r);  
  9.     l.addEventListener(Event.COMPLETE,txtCompleteHandler); //注册请求完成后 响应获取数据事件方法  
  10.     labMsg.alpha = 1;  
  11.    Flex中接收返回数据
    copy
       private function txtCompleteHandler(e:Event):     var l:URLLoader = URLLoader(e.target);  
  1.     var o:Object = URLUtil.stringToObject(String(l.data)); //使用URLUtil对将数据进行反序列化以方便使用  
  2.     txtName.text = o.name;  
  3.     txtAge.text = o.age;  
  4.     txtAddress.text = o.address;  
  5.     labMsg.alpha = 0;  
  6.    3、应用示例二：返回JSON格式数据：
        
    copy
    public partial class JsonFrm : System.Web.UI.Page  
  1.     {  
  2.         Person person;  
  3.         {  
  4.             person = new Person();  
  5.             person.Name = "YAO MING";  
  6.             person.Age = 29;  
  7.             person.Address = "ShangHai China";  
  8.             HttpContext.Current.Response.ClearContent();  
  9.             HttpContext.Current.Response.ContentType = "text/plain";  
  10.             System.Runtime.Serialization.Json.DataContractJsonSerializer dcjs = new System.Runtime.Serialization.Json.DataContractJsonSerializer(person.GetType());  
  11.             dcjs.WriteObject(HttpContext.Current.Response.OutputStream,person);  
  12.             HttpContext.Current.Response.End();  
  13.         }  
  14.     }  
  15.     [System.Runtime.Serialization.DataContract]  
  16.     public class Person  
  17.     {  
  18.         [System.Runtime.Serialization.DataMember]  
  19.         public String Name{get;set;}  
  20. int Age { get; set; }  
  21. public String Address {      }  
   
copy
    private function getJson():         var v:urlvariables = new urlvariables();  
  1.         var r:URLRequest =          r.url = "http://localhost:2222/FlexService/JsonFrm.aspx";  
  2.         r.method = URLRequestMethod.GET;  
  3.         r.data = v;  
  4.          
  5.         var l:URLLoader =          l.load(r);  
  6.         l.addEventListener(Event.COMPLETE,jsonCompleteHandler);  
  7.         labMsg.alpha = 1;  
  8.     }  
  
copy
    public function jsonCompleteHandler(e:Event):   {  
  1.       var l:URLLoader = e.target as URLLoader;  
  2.       var o:* = JSON.decode(l.data);  
  3.        
  4.       txtName.text = o.Name;  
  5.       txtAge.text = o.Age;  
  6.       txtAddress.text = o.Address;  
  7.       labMsg.alpha = 0;  
  8.   }  
  4、应用示例三：返回XML格式数据：
  服务器端代码:
copy
          String s = @"<?xml version=""1.0"" encoding=""utf-8""?>  
  1.                       <EV_ChartData_Scatter xmlns=""http://www.byd.com/ChartData/XML"">  
  2.                         <ScatterItem id=""0"">  
  3.                           <CAN_ITEM_ID>561</CAN_ITEM_ID>  
  4.                           <CAN_ITEM_NAME>主控ECU通讯状况</CAN_ITEM_NAME>  
  5.                           <ITEM_VALUE>0</ITEM_VALUE>  
  6.                           <MATCH_VALUE>正常</MATCH_VALUE>  
  7.                          </ScatterItem>  
  8.                         <ScatterItem  id=""1"">  
  9.                           <ITEM_VALUE>1</ITEM_VALUE>  
  10.                           <MATCH_VALUE>丢包</MATCH_VALUE>  
  11.                         </ScatterItem>  
  12.                       </EV_ChartData_Scatter>";  
  13.       Response.ClearContent();  
  14.       Response.ContentType = "text/xml";  
  15.       Response.Write(s);  
  16.       Response.End();  
  17. copy
      private function getXML():         r.url = "http://localhost:2222/FlexService/XMLFrm.aspx";  
    1. copy
        [Bindable]  
      1. private var xml:XML;  
      2. private function xmlCompleteHandler(e:Event):         {  
      3.             var l:URLLoader = e.target              xml= new XML(l.data);  
      4.             for each(var v in xml.ScatterItem)  
      5.             {  

      版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

      相关推荐

      css display:flex 属性
      一：display:flex布局display:flex是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵
      display:flex 布局详解2
      1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现HTML代码：1<divclass="demo">2<divclass="inner">3<p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>4</div
      移动端开发
      移动端开发知识点pc端软件和移动端apppc端软件是什么，有哪些应用。常见的例子，比如360杀毒，photoShop，VisualStudioCode等等移动端app是什么，有哪些应用。常见的例子，比如手机微信，手机qq，手机浏览器，美颜相机等等PC端与移动端的区别第一：PC考虑的是浏览器的兼容性，移动端考
      grid布局笔记
      最近挺忙的，准备考试，还有其他的事，没时间研究东西，快周末了，难得学点东西，grid是之前看到的，很好奇，讲的二维的布局，看起来很方便，应该很适合移动端布局，所以今天抽时间学一学，这个当是笔记了。参考的是阮老师的博客。阮一峰：CSSGrid网格布局教程http://www.ruanyifeng.com/blog/2019/03/g
      盒模型
      display:flex;把容器设置为弹性盒模型（设置为弹性盒模型之后，浮动，定位将不会有效果）给父元素设置的属性：（1）display：flex---把容器设置为弹性盒模型。（2）flex-direction---设置弹性盒模型主轴方向默认情况下主
      javascript – Flex禁用Safari键盘快捷键
      我在网页上运行了一个Flex应用程序,我想使用Command←组合键在应用程序中触发某些操作.这在大多数浏览器上都很好,但在Safari上,浏览器拦截此键盘事件并导致浏览器“返回”事件.有没有办法,通过Flex或通过页面上的其他地方的JavaScript,我可以告诉Safari不要这样做？解决方法:简短的
      flex布局，flex-item
      flex布局，flex-item1<template>2<viewclass="container">3<viewclass="greentxt">4A5</view>6<viewclass="redtxt">7B8<
      c# – 大屏幕多点触控交互式应用程序设计
      我应该设计一个大型多点触控屏幕的应用程序.从大到大,我的意思是新闻广播员(大约55英寸及以上).该应用程序是一个交互式地图.我的问题是：开发应用程序的技术.我的第一个想法是在AdobeFlex中制作,但是HTML5也是如此……必须有一些非常棒的Java库用于触摸交互,但是在Windows平台上
      左图有文字的一些CSS样式
      <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&quo
      弹性盒模型：flex多行多列两端对齐，列不满左对齐
      【1】需求：  【2】解决方案：最近遇到布局上要求item两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content:space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。 不是项目上想要的效果#网上查了一些资料，有两种方法可以实现效果：**1.
      苹果市值2025年有望达4万亿美元
      pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native