flex 操作xml 实现增删改查

一 在介绍Flex中操作XML之前,首先简单介绍下XML中的基本术语。   

元素:XML中拥有开始标签和结束标签的这一块称为“元素”    
节点:把XML元素与文本结合起来统称为节点    
根节点: 位于整个XML文当顶端的节点    
文本节点:包含文本的节点    
属性:元素的组成部分,以键/值形式放在元素标签内

用一个例子来说明

view plaincopy to clipboardprint?
<root_node><!--这是一个根节点也 是一个元素-->            
<node attribute="value"><!--这是一个节点也是一个元素,其中包含有属性"attribute"--& gt;             
text node<!--这是一个文本节点-->             
</node>              
</root_node>            
<root_node><!--这是一个根节点也是 一个元素-->   
<node attribute="value"><!--这是一个节点也是一个元素,其中包含有属性"attribute"-->   
text node<!--这是一个文本节点-->   
</node>   
</root_node>   

XML简单介绍完了;之后,将分别介绍XML对象的创建,XML对象的处理以及XML对象的运用。

二 Flex中创建XML对象

Flex中创建XML对象的方法有很多种,可以根据该XML对象的用途来决定使用哪种方法

1.创建一个XML对象,直接把XML文本赋给这个对象

view plaincopy to clipboardprint?
var textXmlObj:XML = <test><element>text</element></test>; 
var textXmlObj:XML = <test><element>text</element></test>;

注意:这里等号右边的表达式不用加上引号,因为AS认识它,知道它是一个XML,如果加上引号就成了String类型了,编译也无法通过。

当然也可以动态的决定XML文本中的内容,用"{变量}"的方式插入到XML文本中。

view plaincopy to clipboardprint?
var text_node:String = "text";   
var textXmlObj:XML = <test><element>{text_node}</element></test>; 
var text_node:String = "text";
var textXmlObj:XML = <test><element>{text_node}</element></test>;

2.创建一个XML对象,并在构造方法中传入字符串作为XML文本

我们平时在编程工作中,往往会以字符串的方式得到一个XML文本,这个时候就可以使用XML的构造方法来创建一个XML对象。

view plaincopy to clipboardprint?
var myText:String = "text";   
var str:String = "<test><element>"+ myText + "</element></test>";   
var textXmlObj:XML = new XML(str); 
var myText:String = "text";
var str:String = "<test><element>"+ myText + "</element></test>";
var textXmlObj:XML = new XML(str);

3.从外部加载XML对象

对于比较大一点的XML文本来说,从外部加载无疑是最好的方式了,因为如果硬写在程序中,就算是对XML对象进行最简单的修改都是一个大灾难。

外部加载这里介绍2种方式

1)如果你不是在Flex中开发而只是在比如Flash CS3中开发的话,可以使用下面的这种方法来加载外部XML

view plaincopy to clipboardprint?
import flash.events.Event;             
import flash.net.URLLoader;            
import flash.net.URLRequest;               

var externalXML:XML;               
var loader:URLLoader = new URLLoader();            
var request:URLRequest = new URLRequest("xmlFile.xml");            
loader.load(request);              
loader.addEventListener(Event.COMPLETE, onComplete);               

function onComplete(event:Event):void              
{              
var loader:URLLoader = event.target as URLLoader;               
if (loader != null)             
{               
externalXML = new XML(loader.data);             
trace(externalXML.toXMLString());               
}               
else            
{               
trace("loader is not a URLLoader!");            
}               
}             
import flash.events.Event;   
import flash.net.URLLoader;   
import flash.net.URLRequest;   

var externalXML:XML;   
var loader:URLLoader = new URLLoader();   
var request:URLRequest = new URLRequest("xmlFile.xml");   
loader.load(request);   
loader.addEventListener(Event.COMPLETE, onComplete);   

function onComplete(event:Event):void   
{   
var loader:URLLoader = event.target as URLLoader;   
if (loader != null)   
{   
externalXML = new XML(loader.data);   
trace(externalXML.toXMLString());   
}   
else   
{   
trace("loader is not a URLLoader!");   
}   
}   

2) 如果是在Flex开发环境中就可以使用HttpService来加载外部的XML;如果这里看不懂代码没关系,后面将细致的介绍下面的这种处理方式

view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>                                   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"                                 
creationComplete="unitRPC.send()">                              

<mx:HTTPService id="unitRPC"                                    
url="xmlFile.xml"                              
result="unitRPCResult(event)"/>                             

<mx:Script>                                  
<!--[CDATA[                             
import mx.rpc.events.ResultEvent;                          
private function unitRPCResult(event:ResultEvent):void {                           

}                          
]]-->                               
</mx:Script>                                 
</mx:Application>                               
<?xml version="1.0" encoding="utf-8"?>        
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"        
creationComplete="unitRPC.send()">       

<mx:HTTPService id="unitRPC"         
url="xmlFile.xml"       
result="unitRPCResult(event)"/>       

<mx:Script>        
<!--[CDATA[       
import mx.rpc.events.ResultEvent;      
private function unitRPCResult(event:ResultEvent):void {      

}      
]]-->       
</mx:Script>        
</mx:Application>        

三 对XML对象进行处理

在介绍XML对象的处理之前,介绍一个扩展语言"E4X",E4X大大简化了传统对XML的操作方式(如DOM接口)。

你会发现在程序中E4X操作XML是如此的简单,懒人们都乐坏了。

这里先给出一个XML对象,后面都将对这个对象进行操作

view plaincopy to clipboardprint?
var myXML:XML =            
<books>              
<book name="flex tutorial">               
<price>30</price>               
<author>adobe</author>              
</book>               
<book name="sliverlight tutorial">            
<price>40</price>               
<author>microsoft</author>              
</book>               
<book name="java tutorial">               
<price>50</price>               
<author>sun</author>            
</book>               
<author>cyeric</author> //这是没有意义的一个节点,只是为了后面的演示    
</books>            
var myXML:XML =   
<books>   
<book name="flex tutorial">   
<price>30</price>   
<author>adobe</author>   
</book>   
<book name="sliverlight tutorial">   
<price>40</price>   
<author>microsoft</author>   
</book>   
<book name="java tutorial">   
<price>50</price>   
<author>sun</author>   
</book>   
<author>cyeric</author> //这是没有意义的一个节点,只是为了后面的演示 
</books>   

1)查询   
使用"."操作符查询节点,使用"[]"访问指定索引的节点   
view plaincopy to clipboardprint?
trace(myXML.book[0]) ;     
trace(myXML.book[0]) ;  

输出   
<book name="flex tutorial">   
<price>30</price>   
<author>adobe</author>   
</book>   
输出内容说 明,得到了第一个子节点;另外,如果我们想查询所有book节点的话只需要把[0]去掉就可以了。

使用".."操作符访问所有以该标签命名的节点,而忽略节点的上下关系,注意最后那个节点
view plaincopy to clipboardprint?
trace(myXML..author); 
trace(myXML..author);

输出
<author>adobe</author>
<author>microsoft</author>
<author>sun</author>
<author>cyeric</author>

可以看到,不管author位于哪个位置,都打印了出来

使用"@"操作符访问节点属性
view plaincopy to clipboardprint?
trace(myXML.book[0].@name) 
trace(myXML.book[0].@name)

输出
flex tutorial
第一个子节点的name属性就被打印了出来
以上这4个操作符号"."," []","..","@" 即为最常用的4个E4X操作符,简单吧,下面就循序渐进。

在查询过程中可以使用E4X的过滤功能,假如我现在只想查询价格在50块以下的书,我们可以这样
view plaincopy to clipboardprint?
trace(myXML.book.(price<50)); 
trace(myXML.book.(price<50));

输出
<book name="flex tutorial">
<price>30</price>
<author>adobe</author>
</book>
<book name="sliverlight tutorial">
<price>40</price>
<author>microsoft</author>
</book>
价 格为50元的那本书就没有打印出来了。


属性也可以过滤
view plaincopy to clipboardprint?
trace(myXML.book.(@name=='flex tutorial')); 
trace(myXML.book.(@name=='flex tutorial'));

输出
<book name="flex tutorial">
<price>30</price>
<author>adobe</author>
</book>

我们还可以把查询到的XML文本给改了,比如书店要把书都处理掉,然后叫卖:"5元5元一律5元"。
view plaincopy to clipboardprint?
trace(myXML.book.(price=5)); 
trace(myXML.book.(price=5));

输出
<book name="flex tutorial">
<price>5</price>
<author>adobe</author>
</book>
<book name="sliverlight tutorial">
<price>5</price>
<author>microsoft</author>
</book>
<book name="java tutorial">
<price>5</price>   
<author>sun</author>   
</book>  

2) 修改,修改XML对象包括修改,添加和删除操作   
虽然在介绍查询的时候介绍过可以在查询到XML文本的时候把它的内容给修改 了。   

这里先给出一个XML对象,后面都将对这个对象进行操作   
view plaincopy to clipboardprint?
var myXML:XML =      
<books>      
<book name="flex tutorial">      
<price>30</price>      
<author>adobe</author>      
</book>      
</books>     
var myXML:XML =   
<books>   
<book name="flex tutorial">   
<price>30</price>   
<author>adobe</author>   
</book>   
</books>  

添加元素/节点,使用insertChildBefore和insertChildAfter方法在某一位置添加元素/节 点,appendChild和prependChild方法在最前和最后添加元素/节点 
view plaincopy to clipboardprint?
myXML.insertChildAfter(myXML.book[0],<newbook name="After"/>);    
myXML.insertChildBefore(myXML.book[0],<newbook name="Before"/>);    
myXML.appendChild(<newbook name="Append"/>);    
myXML.prependChild(<newbook name="Prepend"/>);    
trace(myXML);   
myXML.insertChildAfter(myXML.book[0],<newbook name="After"/>); 
myXML.insertChildBefore(myXML.book[0],<newbook name="Before"/>); 
myXML.appendChild(<newbook name="Append"/>); 
myXML.prependChild(<newbook name="Prepend"/>); 
trace(myXML); 
输出 
<books> 
<newbook name="Prepend"/> 
<newbook name="Before"/> 
<book name="flex tutorial"> 
<price>30</price> 
<author>adobe</author> 
</book> 
<newbook name="After"/> 
<newbook name="Append"/> 
</books> 
在 第一个元素的前后各添加了一个元素

添加属性,直接使用E4X带来的便利 
view plaincopy to clipboardprint?
myXML.book[0].@date="2008";    
trace(myXML);   
myXML.book[0].@date="2008"; 
trace(myXML); 
输 出 
<books> 
<book name="flex tutorial" date="2008"> 
<price>30</price> 
<author>adobe</author> 
</book> 
</books>

修改XML对象 
view plaincopy to clipboardprint?
myXML.book[0].author=" 奥多比";    
trace(myXML);     
myXML.book[0].author="奥多比"; 
trace(myXML);  

<books>   
<book name="flex tutorial">   
<price>30</price>   
<author>奥多比</author>   
</book>   
</books>   
也很简单,修改属性的方法也是一样  

删除元素节点,属性等,使用delete关键字   
view plaincopy to clipboardprint?
delete myXML.book[0].@name;      
delete myXML.book[0].author;      
delete myXML.book[0].price.text()[0];      
trace(myXML);     
delete myXML.book[0].@name;   
delete myXML.book[0].author;   
delete myXML.book[0].price.text()[0];   
trace(myXML);  

输出   
<books>   
<book>     
<price/>     
</book>     
</books>   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值