桦山涧

桦山涧
Asp.net ---->知识改变命运!
posts - 261, comments - 171, trackbacks - 6, articles - 3
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

公告

JavaScript读取XML文件[整理]

Posted on 2008-03-27 17:20 桦林 阅读(...) 评论(...) 编辑 收藏
示例xml文件Test.xml
<?xml version="1.0" encoding="gb2312"?>
<root>
    
<item>
      
<txt>桦山涧自强不息</txt>
      
<url>http://www.cnblogs.com/huashanlin/</url>
      
<color>huashanlin</color>
    
</item>
    
<item>
      
<txt>寻找我的爱人</txt>
      
<url>http://www.cnblogs.com/huashanlin/</url>
      
<color>blue</color>
    
</item>
</root>

js读取xml文件的脚本示例:
示例一:
<SCRIPT LANGUAGE="JavaScript">
var xdoc = new ActiveXObject("Microsoft.XMLDOM");
xdoc.async
="true";
xdoc.load(
'mm.xml');
nodes
=xdoc.documentElement.childNodes;
document.write(
"<li>"+nodes.item(0).text+"</li><li>"+nodes.item(1).text+"</li>");
</SCRIPT>

示例二:
<script type="text/javascript">
//指定xml文件的来源地址
var Url="austin.xml";
//创建XmlDom对象
var cdsales=new ActiveXObject("Microsoft.XMLDOM"); 
//设定XmlDom对象将采取异步调用的方式加载数据
cdsales.async=true//异步加载
//加载xml文件
cdsales.load(Url);
cdsales.onreadystatechange
= new function LoadedSales(){
    
var txt="";
    
if(cdsales.readyState==4){
     
if(cdsales.parseError.errorCode != 0){
      txt
="err";
     }
     
else{
      
var bi=cdsales.documentElement.selectNodes("item");
      
if(bi!=null&&bi.length>0){
       
for(var i=0;i<bi.length;i++){
        txt
+="<li><a href="+bi[i].childNodes[1].text+" style=color:"+bi[i].childNodes[2].text+">"+bi[i].childNodes[0].text+"</a></li>"+"<li>"+bi[i].childNodes[2].text+"</li>";
       }
      }
      
else{
       txt
="LoadingErr";
      }
     }
    }
    
else{
     txt
="Loading.";
    }
    document.write(txt);
}
</script>