常用的JS与XML结合用法 简单示例

来源:互联网 发布:淘宝虚拟试衣功能在哪 编辑:程序博客网 时间:2024/05/01 16:53

用法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;

原创粉丝点击