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

上传人:b****7 文档编号:10307198 上传时间:2023-02-10 格式:DOCX 页数:8 大小:29.89KB
下载 相关 举报
xml解析读取xml文件中的内容.docx_第1页
第1页 / 共8页
xml解析读取xml文件中的内容.docx_第2页
第2页 / 共8页
xml解析读取xml文件中的内容.docx_第3页
第3页 / 共8页
xml解析读取xml文件中的内容.docx_第4页
第4页 / 共8页
xml解析读取xml文件中的内容.docx_第5页
第5页 / 共8页
点击查看更多>>
下载资源
资源描述

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

《xml解析读取xml文件中的内容.docx》由会员分享,可在线阅读,更多相关《xml解析读取xml文件中的内容.docx(8页珍藏版)》请在冰豆网上搜索。

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

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

1.xmlFile/province.xml

vProvinee

>北京市:

110000

v/Province

>

vProvinee

>天津市:

120000

v/Province

>

vProvinee

>河北省:

130000

v/Province

>

vProvinee

>山西省:

140000

v/Province

>

vProvinee

>内蒙古自治区:

150000v/Provinee>

vProvinee

>辽宁省:

210000

v/Province

>

v/China>

2.xmlFile/city.xml

vProvineeid="110000">

vcity>北京市:

110100

vProvineeid="120000">

天津市:

120100v/city>

vProvineeid="130000">

vcity>石家庄市:

130100

vcity>秦皇岛市:

130300

vcity>邯郸市:

130400

vcity>邢台市:

130500v/city>

vcity>保定市:

130600v/city>

vcity>张家口市:

130700v/city>

vcity>承德市:

130800v/city>

vcity>沧州市:

130900v/city>

vcity>廊坊市:

131000v/city>

vcity>衡水市:

131100v/city>

v/Province>

vProvineeid二"140000">

vcity>太原市:

140100v/city>

vcity>大同市:

140200v/city>

vcity>阳泉市:

140300v/city>

vcity>长治市:

140400v/city>

vcity>晋城市:

140500v/city>

vcity>朔州市:

140600v/city>vcity>忻州地区:

142200v/city>

vcity>吕梁地区:

142300

vcity>晋中地区:

142400

临汾地区:

142600

运城地区:

142700

vProvineeid二"150000">

呼和浩特市:

150100

包头市:

150200

乌海市:

150300

赤峰市:

150400

呼伦贝尔盟:

152100

兴安盟:

152200

哲里木盟:

152300

锡林郭勒盟:

152500

乌兰察布盟:

152600

伊克昭盟:

152700

巴彦淖尔盟:

152800

阿拉善盟:

152900

鄂尔多斯市:

150500

vcity>大连市:

210200

vcity>鞍山市:

210300v/city>

vcity>抚顺市:

210400v/city>

vcity>本溪市:

210500v/city>

vcity>丹东市:

210600v/city>

vcity>锦州市:

210700v/city>

vcity>营口市:

210800v/city>

vcity>阜新市:

210900v/city>

vcity>辽阳市:

211000v/city>

vcity>盘锦市:

211100v/city>

vcity>铁岭市:

211200v/city>

vcity>朝阳市:

211300v/city>

vcity>葫芦岛市:

211400v/city>v/Province>

v/China>

3.index.jsp

vhtml>

charset二UTF-8">

省市下拉列表

src="js/jquery-1.7.2.js">

src="js/index.js">

onChange二"javascript:

ProvCity.setProvince(this);">

请选择...

onChange二"javasctipt:

ProvCity.setCities(this);">

4.index.js

$(document).ready(function(){

//初始化默认值

ProvCity.getProvinces();

});

//xmlFile是xml文件的地址

varProvCity={

loadXmlFile:

function(xmlFile)

{

varxmlDom=null;

浏览器中读取xml文件

"Microsoft.XMLDOM");

if(window.ActiveXObject)//IE

{

xmlDom=newActiveXObject(

xmlDom.async二"false";

xmlDom」oad(xmlFile);

document.implementation.createDocument)

{

//Firefox,Chrome浏览器中读取xml文件,Chrome需

要开服务器才能访问

varxmlhttp=

newwindow.XMLHttpRequest();

xmlDom=xmlhttp.responseXML;

else

{

xmlDom=null

}

returnxmlDom;

},

//好了读取出来了xml我们就要获取的他的数据了

getProvinces:

function()//初始化省数据

{

varxdoc

二ProvCity」oadXmlFile("xmlFile/province.xml"

件路径

//varlist二xdoc.selectNodes("〃keys")〃

览器中获取

varlist二xdoc.getElementsByTagName(

读取所有节点值

varhtmlContent="";

for(vari=0;i

varprovinces=list[i].firstChild.nodeValue;

//得到该结点中的内容

varprovincesNode=provinces.split(

以":

"做为分隔,分成多个字符串数组

);//xml文

只能在Ie浏

"Province");//

":

");//

htmlContent=htmlContent+"

value二"+provincesNode[1]+">"+provincesNode[0]+"

//将所有结点全部存放到该变量中

$("#prov").html(htmIContent);

//将结点加到

select下

ProvCity.getCities(list[0].firstChild.nodeValue.split(

")[1]);//根据省得到市,默认时为第一个

},

setProvinee:

function(obj){//改变省时,

被选中状态

将选中的省设为

varpro=$(obj).val();

$("#provoption").removeAttr("selected"除属性selected

$("#provoption[value="+pro+"]").attr("selected");//将选中的结点设置属性selected

ProvCity.getCities(pro);

},

);//先去

"selected"

//根据省得到市

getCities:

function(pro){

 

);

"xmlFile/city.xml"

varlist=xdoc.getElementByld(pro);//得至Uid

为pro的结点

varcityList=list.getElementsByTagName("city"

//获取id值为pro结点的子结点(名为city的结点)

varhtmlContent="";

for(vari=0;i

varcities=cityList[i].firstChild.nodeValue;

varcityNode=cities.split(":

");

htmlContent=htmlContent+"

value二"+cityNode[1]+">"+cityNode[0]+"";

}

$("#city").html(htmlContent);

},

//改变市时,将选中的市设为被选中状态

setCities:

function(obj){

varcity=$(obj).val();

$("#cityoption").removeAttr("selected");

$("#cityoption[value二"+city+"]").attr("selected"

"selected");

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 解决方案 > 商业计划

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1