JavaScript获取XML数据附示例截图
2014-03-05 00:00
369 查看
Hot.xml文件 :
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">
效果图:
<?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获取XML数据
- 读取XML示例:C#获取XML的数据
- 用JavaScript获取XML中的数据
- JavaScript--XMLHttpRequest获取数据方法
- Ajax获取XML数据--原生JavaScript实现
- JavaScript - XMLHttpRequest 应用示例(传输二进制数据、JSON 字符串,监测进度)
- 基于XML数据加载的Javascript树示例
- JavaScript中获取XML数据流中数据节点的方法
- javascript中XMLHttpRequest对象同步获取XML数据
- 获取select的value、text值的简单示例(jquery与javascript)
- flex通过httpService获取远程XML数据,并显示到DATAGIRD上
- 如何获取自增长列(标识列)的ID,并写入另一张表(多对多关系插入数据示例)
- iOS 通过URL网络获取XML数据的两种方式
- javascript获取form里的表单元素的示例代码
- 判断javascript的数据类型(示例代码)
- JavaScript读写XML数据
- 选择正确的API从SQL Server获取XML数据
- Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据