编程 Javascript

JavaScript获取XML数据附示例截图

Posted in Javascript onMarch 05, 2014

Hot.xml文件：

<?xml version="1.0" encoding="gb2312"?> 
<root> 
<item> 
<name>刘亦菲</name> 
<url>MingXing/LiuYiFei.htm</url> 
<color>red</color> 
</item> 
<item> 
<name>蔡依林</name> 
<url>MingXing/CaiYiLin.htm</url> 
<color>blue</color> 
</item> 
<item> 
<name>张娜拉</name> 
<url>MingXing/ZhangNaLa.htm</url> 
<color>green</color> 
</item> 
<item> 
<name>张韶涵</name> 
<url>MingXiang/ZhangShaoHan.htm</url> 
<color>grey</color> 
</item> 
<item> 
<name>张靓颖</name> 
<url>MingXing/ZhangLiangYin.htm</url> 
<color>black</color> 
</item> 
<item> 
<name>李宇春</name> 
<url>MingXing/LiYuChun.htm</url> 
<color>yellow</color> 
</item> 
<item> 
<name>徐若?</name> 
<url>MingXing/XuLuXuan.htm</url> 
<color>pink</color> 
</item> 
</root>

demo1.html文件：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript获取XML数据</title>
<script language="javascript">

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象 
xmlDoc.async=true; //使用异步加载 
xmlDoc.onreadystatechange=loadedSales; 
function loadedSales() 
{ 
var txt=""; 
if(xmlDoc.readyState == 0){ 
alert("0"); 
} 
if(xmlDoc.readyState == 1){ 
alert("1"); 
} 
if(xmlDoc.readyState == 2){ 
alert("2"); 
} 
if(xmlDoc.readyState == 3){ 
alert("3"); 
} 
if(xmlDoc.readyState == 4) 
{ 
if(xmlDoc.parseError.errorCode != 0) 
{ 
txt="xml解析错误！"; 
}else{ 
var items=xmlDoc.documentElement.selectNodes("item"); 
if(items != null && items.length > 0) 
{ 
for(var i=0; i < items.length; i++) 
{ 
txt += "<li><a href="+items[i].childNodes[1].text+" mce_href="+items[i].childNodes[1].text+" style="color:" mce_style="color:""+items[i].childNodes[2].text+">"+items[i].childNodes[0].text+"</a></li>"; 
} 
}else{ 
txt=""; 
} 
} 
}else{ 
txt=""; 
} 
document.getElementById("sales").innerHTML=txt; 
} 
function loadXmlDoc() 
{ 
var url="Hot.xml"; 
xmlDoc.load(url); 
} 
</script> 
</head> <body onLoad="loadXmlDoc()"> 
<div id="sales"></div> 
</body> 
</html>

效果图：

JavaScript获取XML数据附示例截图

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

显示、隐藏密码

Jul 01 Javascript

javascript 对象定义方法简单易学

Mar 22 Javascript

JS实现鼠标点击展开或隐藏表格行的方法

Mar 03 Javascript

JS实现CheckBox复选框全选全不选功能

May 06 Javascript

js实现将选中值累加到文本框的方法

Aug 12 Javascript

JavaScript+Java实现HTML页面转为PDF文件保存的方法

May 30 Javascript

AngularJS变量及过滤器Filter用法分析

Nov 22 Javascript

JavaScript判断浏览器和hack滚动条的写法

Jul 23 Javascript

Angular中管道操作符(|)的使用方法

Dec 15 Javascript

JS前端广告拦截实现原理解析

Feb 17 Javascript

js Math数学简单使用操作示例

Mar 13 Javascript

Webpack5正式发布,有哪些新特性

Oct 12 Javascript

js通过八个点拖动改变div大小的实现方法

Mar 05 #Javascript

javascript日期格式化示例分享

Mar 05 #Javascript

javascript避免数字计算精度误差的方法详解

Mar 05 #Javascript

javascript/jquery获取地址栏url参数的方法

Mar 05 #Javascript

js离开或刷新页面检测(且兼容FF,IE,Chrome)

Mar 05 #Javascript

js特殊字符过滤的示例代码

Mar 05 #Javascript

jquerymobile局部渲染的各种刷新方法小结

Mar 05 #Javascript