HTML表格中绑定显示XML文档内容的简单实例

HTML表格中绑定显示XML文档内容的简单实例

分为下列几个步骤：

第一步：创建一个存储数据信息的xml文件,比如 order.xml

 
     c0500069
     20050517
     pending
    
        
            001
            10
            pending
        
          
 
   
     c0500701
     20050512
     pending
    
        
            002
            30
            pending
        
          
 

第二步:写一个显示样式的HTML，比如order.html

    

HTML表格中绑定显示XML文档内容





 
 
 
 


   
   
   
             

customerID	order_date	order_status	items

单行数据显示

customerID:

order_date:

order_status:

itmes:

 

第三步：测试，部署在IIS,或tomcat容器中。我部署在tomcat中进行了测试。结果如下：

 

 

通过测试发现，items这一表格栏，没有显示出数据，这是为什么呢？

究其原因，可以看到是因为items下有子标签，即

        
            002
            30
            pending
        
          
想想也是吧，通过一个只能显示一个数据单元，而子标签的数据是如何显示的。可以通过下面的方法来解决这个问题:

修改两个地方：

HTML表格中绑定显示XML文档内容





 
 
 
 


   
   
   
   

customerID	order_date	order_status	items           bookID quantity item_status

这样就有利的解决了上面存在的问题。运行结果如下：

 

总结：通过这个实例，利用HTML可以有效地将XML中存储的数据，内容样式化的显示在页面上。