如果您觉得界面有些错位,或者想要一个清爽的界面,那么请点击这里  

[Flex]xml与Flex通信的研究

好久没有写文章了，最近身体一直都不好，心情也出奇的郁闷，连着感冒＆感冒！快疯了。这几天好不容易好一些了，决定在也不继续彷徨了。所以打算给大家写篇文章，当然也是关于flex的了。最近一直在网上转悠，网上的flex文章越来越多了，但是都使一些关于DB、控件、httpservice之类的文章，其实flex以xml作为数据源来进行操作，也是比较重要的。

正好前一阵子在研究E4X与Flex的关系，所以打算总结一下，有说的不对的地方，还请大家多多原谅。
一、最简单模式：Flex通过httpservice和dataProvider进行数据传输

Xml格式如下：
<?xml version="1.0" encoding="utf-8" ?>
<Result>
<NodeA>value1</NodeA>
<NodeB>valve2</NodeB>
……………………………………………
……………………………………………
</Result>
 
在Flex中有一个DataGrid，这样就可以用httpservice来使DataGrid获取xml的数据了。
Flex端如下：
<?xml version="1.0" encoding="utf-8"?>   
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    title="Blog Details">
    <mx:HTTPService showBusyCursor="true" url="http://localhost:8080/text.xml"/ id=”xmlRecord”>
<mx:DataGrid width="712" height="338" dataProvider="{xmlRecord.lastResult.Result}">
        <mx:columns>
               <mx:DataGridColumn headerText="SectionA" dataField=" NodeA" width="400" />
               <mx:DataGridColumn headerText="SectionB" dataField=" NodeB" width="30"/>
      。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
        </mx:columns>
</mx:DataGrid>
</mx:TitleWindow>
 
※ 其中红字部分必须一致，由于这个sample比较简单，所以Kenshin就不深入研究了。
※ 蓝字部分一定要按照xml的结构书写。
这样在run 这个Flex的时候，在DataGrid中就会显示NodeA＆NodeB的内容即value1＆value2

二、稍微复杂一些模式
 
Xml端代码如下：
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
    <title>value1</title>
    <link>http://www.k-zone.cn/zblog</link>
    <description>关注Flex,Java,DotNet,Web Desgin</description>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</channel>
</rss>

Flex端如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    creationComplete="feedRequest.send()" >

    <mx:HTTPService
        id="feedRequest"
        url=" http://localhost:8080/text.xml"
        useProxy="false" />

    <mx:Panel x="10" y="10" width="475" height="400" layout="absolute"
        title="{feedRequest.lastResult.rss.channel.title}">
    </mx:Panel>
    。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</mx:Application>
如果想要得到上面的xml中title的值，只需按照蓝字部分书写即可得到Title的value。
以此类推如果想要得到xml中link的内容，应该按如下书写
feedRequest.lastResult.rss.channel.link

三、复杂一些的模式，即xml的格式比较特殊

Xml端代码如下：
<?xml version="1.0" encoding="utf-8"?>
<Result>
<SectionA SubSectionA1=”value1” SubSectionA2=”value2”/>
<SectionB SubSectionB1=”value3” SubSectionB2=”value4”/>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</Result>

如果大家想要得到SubSectionA1的内容，就显得无从下手了。其实用E4X在actionscript3中已经支持的非常完美了。并且Flex builder2提供的help也有这样的例子。但是我找了一下，没有这样的例子，所以自己研究了一下。并且把结果告诉大家。
要显示SubSectionA1的内容。Flex端如下书写：

var loader:URLLoader = new URLLoader();
var request:URLRequest = new URLRequest("data/sampleData.xml");
loader.load(request);
loader.addEventListener(Event.COMPLETE, onComplete);
        }

public function onComplete(event:Event):void {
    var externalXML:XML;
    var loader:URLLoader = URLLoader(event.target);
    externalXML = new XML(loader.data);
    trace(externalXML. SectionA [0].@ SubSectionA1);
}

其中红字部分就是SubSectionA1的内容了。其中externalXML. SectionA [0].@ SubSectionA1中的[0]是xml的record的条数。@后面的就是想要得到的子节点的值。其内容可以是SubSectionA2、SubSectionB等等的值。

关于xml的格式在继续引伸一下。以下的格式
<?xml version="1.0" encoding="utf-8"?>
<Result>
<SectionA SubSectionA1=”value1”/>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</Result>
相当于如下的格式：
<?xml version="1.0" encoding="utf-8"?>
<Result>
<SectionA>
<SubSectionA1>value1”</ SubSectionA1>
</SectionA>
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</Result>

以上就是我关于XML和Flex进行通讯的一些想法，尤其是第三种格式，尤其重要。

您或许还对以下的内容感兴趣：

Mate Flex Framework系列教程  (2009-05-15 12:30:02)

Flex编程注意系列文章  (2009-05-01 10:40:22)

《Flex第一步》的系列文章  (2007-11-26 21:20:15)

ZBLOG1.8内测版最新报道（一）  (2007-12-9 21:53:6)

ZBLOG1.8内测版最新报道（二）  (2007-12-10 10:40:16)

ZBLOG1.8内测版最新报道（三）  (2007-12-11 10:16:36)

e4x  Flex2.0  xml  通信  原创  Flex  
如果您拥有一个BLOG，如果您的BLOG的PV/IP/PR还算不错，如果您打算用您所拥有的BLOG来赚钱，那么我来告诉您几个赚钱的方法：

1、透过 Google AdSense 使您的BLOG产生收益。

2、您还可以通过申请TextLinkAds投放者来直接出售链接位从而产生收入。

请遵循创作共用约定Creative Commons，原创文章如转载，请注明：转载自Kenshin's Flex Blog