常用的JS与XML结合用法 简单示例
2006-12-19 11:39
826 查看
用法1:直接转为html类型(用xsl显示xml信息)
用法2:通过数据岛取值
用法3:xml数据排序
用法4:取到单个值
-----------
用法1:直接转为html类型(用xsl显示xml信息)
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
xmldom.load("test1.xml");
var xsldom = new ActiveXObject("Microsoft.XMLDOM");
xsldom.load("test.xsl");
document.write(xmldom.transformNode(xsldom));//直接显示
用法2:通过数据岛取值
Html中内容:
<div id="listing"></div>
<XML id="a" src="test1.xml"></XML>
<XML id="b" src="test.xsl"></XML>
//1取值操作的情况
var strname=a.documentElement.selectNodes("person");
//a.XMLDocument.documentElement.selectNodes("person");
//document.all("a").XMLDocument.documentElement.selectNodes("person");
for(var i=0;i<strname.length;i++)
alert(strname(i).childNodes(0).text);
//2显示于画面上的情况
listing.innerHTML=a.transformNode(b.XMLDocument);
用法3:xml数据排序
listing.innerHTML=a.transformNode(b.XMLDocument);
function fn_click()
{
var sortby=b.XMLDocument.selectSingleNode("//xsl:sort/@select");
var sorttype=b.XMLDocument.selectSingleNode("//xsl:sort/@data-type");
sortby.value=document.all.strsort.value;
sorttype.value="text";//"number";
listing.innerHTML=a.transformNode(b.XMLDocument);
}
用法4:取到单个值
var dom = new ActiveXObject("Microsoft.XMLDOM");
dom.async = false;
dom.validateOnParse = false;
dom.resolveExternals = false;
dom.load("test1.xml");
xpath="/persions/persion[name='"+ per_id +"']";
node1=dom.selectSingleNode(xpath);
var strname=node1.childNodes(0).text;
用法2:通过数据岛取值
用法3:xml数据排序
用法4:取到单个值
-----------
用法1:直接转为html类型(用xsl显示xml信息)
var xmldom = new ActiveXObject("Microsoft.XMLDOM");
xmldom.load("test1.xml");
var xsldom = new ActiveXObject("Microsoft.XMLDOM");
xsldom.load("test.xsl");
document.write(xmldom.transformNode(xsldom));//直接显示
用法2:通过数据岛取值
Html中内容:
<div id="listing"></div>
<XML id="a" src="test1.xml"></XML>
<XML id="b" src="test.xsl"></XML>
//1取值操作的情况
var strname=a.documentElement.selectNodes("person");
//a.XMLDocument.documentElement.selectNodes("person");
//document.all("a").XMLDocument.documentElement.selectNodes("person");
for(var i=0;i<strname.length;i++)
alert(strname(i).childNodes(0).text);
//2显示于画面上的情况
listing.innerHTML=a.transformNode(b.XMLDocument);
用法3:xml数据排序
listing.innerHTML=a.transformNode(b.XMLDocument);
function fn_click()
{
var sortby=b.XMLDocument.selectSingleNode("//xsl:sort/@select");
var sorttype=b.XMLDocument.selectSingleNode("//xsl:sort/@data-type");
sortby.value=document.all.strsort.value;
sorttype.value="text";//"number";
listing.innerHTML=a.transformNode(b.XMLDocument);
}
用法4:取到单个值
var dom = new ActiveXObject("Microsoft.XMLDOM");
dom.async = false;
dom.validateOnParse = false;
dom.resolveExternals = false;
dom.load("test1.xml");
xpath="/persions/persion[name='"+ per_id +"']";
node1=dom.selectSingleNode(xpath);
var strname=node1.childNodes(0).text;
相关文章推荐
- 常用的JS与XML结合用法 简单示例
- JS弹出窗口插件zDialog简单用法示例
- 转载自马哥视频学习笔记---Linux Web服务器网站故障分析常用的命令之awk用法的简单示例
- php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
- php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
- php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
- jquery.flot.js简单绘制折线图用法示例
- C# xmlSerializer简单用法示例
- JS正则表达式基本用法与常用示例
- Db4o结合Linq、Lambda表达式的简单示例
- ajax简单示例(XML+XSLT+JavaScript+JAVA)(version1)
- Node.js操作Redis的简单示例
- thymeleaf的简单用法-常用标签
- js二维数组排序的简单示例代码
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
- C#新手入门代码 LINQ TO XML xattribute的用法示例
- 一个简单且丑陋的js切换背景图片基础示例
- Python常用字符串替换函数strip、replace及sub用法示例
- Python random模块用法解析及简单示例
- XML与ASP简单结合实现HTML模板功能