云迈博客

您现在的位置是:首页 > 灌水专栏 > 正文

灌水专栏

uniapp解析XML

zero2021-03-30灌水专栏574
使用npm安装xmldom初始化npmnpminit安装xmldomnpmixmldom引入xmldom,解析xml//解析本地xml地

使用npm安装xmldom

  1. 初始化npm
    npm init
    安装 xmldom
    npm i xmldom

下载完成

  1. 引入xmldom,解析xml

                     // 解析本地xml
               uni.request({
                 url: 'http://localhost:8080/static/Area.xml',
                 header: {
                   'content-type': 'application/xml'
                 },
                 success: function(res) {
                     // 直接引入下载完成目录
                     var DOMParser = require('../../../wxcomponents/xmldom').DOMParser;
                     var XMLParser = new DOMParser();
                     var doc = XMLParser.parseFromString(res.data);
                     console.log(doc)
                     var countylist = doc.getElementsByTagName('county');
    
                     var county_arr = new Array;
                     var street_arr = new Array;
                     for (var i in countylist){
                       var county = countylist[i];
                       if (typeof county === 'object' && typeof county.getAttribute === 'function'){
                         var name = county.getAttribute('name')
                         var code = county.getAttribute('code')
                         var street = county.getElementsByTagName('street')
                         var data = { 'name': name, 'code': code, street: new Array};                
                         if (typeof county === 'object') {
                           for (var ii in street){
                             if (typeof street[ii] == 'object' && typeof street[ii].getAttribute === 'function'){
                               var name = street[ii].getAttribute('name')
                               var code = street[ii].getAttribute('code')
                               // street_arr.push({ 'name': name, 'code': code })
                               data.street.push({ 'name': name, 'code': code });
                             }
                           }
                         }
                         county_arr.push(data)
                       }
                     }
    
                   console.log(county_arr)
                   // console.log(street_arr)
                 }
               });

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~