Js读取XML文件为List结构

   习惯了C#的List集合,对于Javascript没有list 极为不舒服,在一个利用Js读取XML文件的Demo中,决定自己构建List对象,将数据存入List.

第一步,Js读取XML文件知识

 XML:可扩展标记语言,常用于互联网数据传输.利用JS读取XML的文章有非常多,这里不一一介绍,本文主要采用Jquery 读取Xml文件.(参考 https://www.cnblogs.com/huacw/archive/2011/03/24/1994074.html).读取文件需要注意浏览器兼容问题,利用谷歌浏览器读取文件需要设置允许访问本地文件.火狐与Edge,IE浏览器均能读取本地文件.

第二步: 分析XML结构

本文以商品结构为例,XML文件结果如下图所示.XML 根节点为CATALOG,子节点为FurnitureType(家具类型),家具类型子节点为Goods 

 

第二步: 构建Goods对象,List对象

Goods

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//产品类
function Goods(){
 
    this.type = type;
    this.product = product;
    this.brand = brand;
    this.price=price;
    this.productDetails=productDetails;
    this.materies=materies;
    this.care=care;
    this.pictures=pictures;
     
}
 
function  type(type){
    return  type;
}
function product(product)
{
    return product;
}
function brand(brand){
    return brand;
}
function price(price)
{
    return price;
}
function productDetails(details){
    return details;
}
function  materies(meteriesArray){
    return meteriesArray;
}
function care(care){
    return  care;
}
function pictures(pictureArray){
    return pictureArray;
}   

  List对象

  

  第三步;读取文件

  本文利用Jquery读取XML文件,需导入Jquery.读取部分代码:

 第四步 启动测试:

启动火狐浏览器,读取文件后,调试查看数据.结果如下.表明数据已经完全读取成功.

 

 

 

 

 

posted @   星炎123  阅读(1058)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示