xml解析读取xml文件中的内容.docx

1、xml解析读取xml文件中的内容1.xmlFile/provi nce.xml vProvi nee北京市:110000v/ ProvincevProvi nee天津市:120000v/ ProvincevProvi nee河北省:130000v/ ProvincevProvi nee山西省:140000v/ ProvincevProvi nee内蒙古自治区:150000 v/ Provinee vProvi nee辽宁省:210000v/ Provincev/Chi na2.xmlFile/city.xmlvProvinee id =110000 vcity 北京市:110100 vProv

2、inee id =120000 天津市:120100 v/city vProvinee id =130000 vcity 石家庄市:130100 vcity 秦皇岛市:130300 vcity 邯郸市:130400 vcity 邢台市:130500 v/city vcity 保定市:130600 v/city vcity 张家口市:130700 v/ city vcity 承德市:130800 v/city vcity 沧州市:130900 v/city vcity 廊坊市:131000 v/city vcity 衡水市:131100 v/city v/ Province vProvinee

3、id 二140000 vcity 太原市:140100 v/city vcity 大同市:140200 v/city vcity 阳泉市:140300 v/city vcity 长治市:140400 v/city vcity 晋城市:140500 v/city vcity 朔州市:140600 v/city vcity 忻州地区:142200 v/ city vcity 吕梁地区：142300 vcity 晋中地区:142400 临汾地区：142600 运城地区：142700 vProvinee id 二150000 呼和浩特市:150100 包头市:150200 乌海市:150300 赤峰市

4、:150400 呼伦贝尔盟:152100 兴安盟:152200 哲里木盟:152300 锡林郭勒盟:152500 乌兰察布盟:152600 伊克昭盟:152700 巴彦淖尔盟:152800 阿拉善盟:152900 鄂尔多斯市:150500 vcity 大连市:210200 vcity 鞍山市:210300 v/city vcity 抚顺市:210400 v/city vcity 本溪市:210500 v/city vcity 丹东市:210600 v/ city vcity 锦州市:210700 v/city vcity 营口市:210800 v/ city vcity 阜新市:210900

5、v/ city vcity 辽阳市:211000 v/city vcity 盘锦市:211100 v/ city vcity 铁岭市:211200 v/city vcity 朝阳市:211300 v/city vcity 葫芦岛市:211400 v/city v/ Province v/ China 3.i ndex.jspvhtml charset二UTF-8 省市下拉列表请选择.请选择.4.i ndex.js$(docume nt).ready( fun cti on ()/初始化默认值ProvCity.getPro vin ces();)；/xmlFile 是xml文件的地址var Pr

6、ovCity = loadXmlFile: fun cti on (xmlFile)var xmlDom = null ;浏览器中读取xml文件Microsoft.XMLDOM);if (window.ActiveXObject) /IExmlDom = new ActiveXObject(xmlDom.as ync二 false ;xmlDo mo ad(xmlFile);docume nt.impleme ntatio n.createDocume nt)/Firefox , Chrome浏览器中读取xml文件，Chrome 需要开服务器才能访问var xmlhttp =new wi nd

7、ow.XMLHttpRequest();xmlDom = xmlhttp.resp on seXML;elsexmlDom = nullreturn xmlDom;,/好了读取出来了 xml我们就要获取的他的数据了getProvinces: function () / 初始化省数据var xdoc二ProvCityo adXmlFile( xmlFile/provi nce.xml件路径/var list二xdoc.selectNodes(keys)览器中获取var list二xdoc.getEleme ntsByTagName(读取所有节点值var htmlContent = ;for (v

8、ar i = 0; i list.length; i+)var provin ces = listi.firstChild. no deValue;/得到该结点中的内容var provincesNode = provinces.split(以: 做为分隔，分成多个字符串数组);/ xml 文只能在Ie浏Province ); /:); /htmlC ontent = htmlC ontent + +pro vin cesNode0+ /将所有结点全部存放到该变量中$( #prov ).html( htmIContent);/将结点加到select 下ProvCity.getCities(lis

9、t0.firstChild. nodeValue.split()1)； /根据省得到市，默认时为第一个,setProvinee: function (obj) / 改变省时,被选中状态将选中的省设为var pro = $(obj).val();$( #prov option ).removeAttr( selected 除属性selected$( #prov optionvalue= +pro+ ).attr( selected ); / 将选中的结点设置属性 selectedProvCity.getCities(pro);,); /先去selected/根据省得到市getCities: fu

10、n cti on (pro)值);xmlFile/city.xmlvar list = xdoc.getEleme ntByld(pro); / 得至 U id为pro 的结点var cityList = list.getEleme ntsByTagName( city/获取id 值为pro结点的子结点(名为city的结点)var htmlContent = ;for (var i=0 ; i cityList.length ; i+)var cities = cityListi.firstChild. no deValue;var cityNode = cities.split( :);htmlC ontent = htmlC ontent + +cityNode0+ ;$( #city ).html(htmlContent);,/改变市时，将选中的市设为被选中状态setCities : fun cti on (obj)var city = $(obj).val();$( #city optio n ).removeAttr( selected);$( #city optionvalue二 +city+ ).attr( selectedselected);