Posted on 2007-08-14 14:29
G_G 閱讀(1199)
評論(1) 編輯 收藏 所屬分類:
xml Related
問題:
IE,FF用 xpath 在javascript動態解讀
解決: 自定義jsXpath 類
js.js
//關鍵是 jsXpath 類
//使用是 new 并 給屬性 domx 值 DOMXml
//var nodes = obj.getPathNodes( xpath ); 就是 xpath語句如://beans/bean
//再 var node = obj.next( nodes )
//node 可以使用了
var?dom?=?null?;
var?jp?=?new?jsXpath();
function?load(ul){
????new?Ajax.Request(
????????ul,
????????{
????????????method:?'get',
????????????onComplete:?action??????????????
????????});????
}
function?action(req){
?var?path?=?"?/beans/bean[string-length(@xid)<3]?";
?dom?=?req.responseXML?;
?jp.domx?=?dom?;?
?var?list?=??jp.getPathNodes(path)?;
?createSelect(jp,list,?document.getElementById('ii')?);
//建 select ii
}
function?jsXpath(){
????this.nexti?=?0?;
????this.domx?=?null?;
????
????this.getPathNodes?=?function(path){
????????var?val?=null?;
????????if(?navigator.appName.indexOf('Microsoft')==?-1?){
???????????val??=?document.evaluate(path,this.domx?,null,XPathResult.ANY_TYPE,null?)?;
????????}else{
????????????this.domx.setProperty("SelectionLanguage","XPath");
????????????val?=?this.domx.documentElement.selectNodes(?path?)?;
????????}
????????return?val?;
????}
????
????this.next?=??function(domp,ii){
????????if(?navigator.appName.indexOf('Microsoft')==?-1?){
???????????return?domp.iterateNext()?;
????????}else{
????????????if(ii!=null)?this.nexti?=?ii?;
????????????return?domp[this.nexti++];
????????}
????}
}
function?createSelect(xpath,doms,sele){
????????try{
????????????var?item=xpath.next(doms);
????????????while(item){
????????????????var?opt?=document.createElement('option');
????????????????var?text=document.createTextNode(?item.firstChild.nodeValue??);
????????????????opt.appendChild(text);
????????????????opt.setAttribute("value",item.getAttribute('xid')?);
????????????????sele.appendChild(opt);
????????????????
????????????????item?=?xpath.next(doms);
????????????}
????????}catch(e){dump(e);}
}
//建 select jj 與 select ii的 selectedIndex 有關
function?duSel(){
????????var?sele?=?document.getElementById('jj');
????????var?sdom?=?document.getElementById('ii');
????????
????????var?num?=?sele.getElementsByTagName('option').length-1;?
????????for(var?i=num;?i>0?;?i--)?
????????????sele.remove(1);?
????????
?????????var?skey?=?sdom.options[?sdom.selectedIndex?].value
?????????var?path?=?"/beans/bean[??starts-with(?@xid?,?'"+skey+"')?and?string-length(@xid)>3??]";
?????????var?jpp?=?new?jsXpath();
?????????jpp.domx?=?dom?;?
?????????var?lj?=?jpp.getPathNodes(path);
?????????createSelect(jpp,lj,?document.getElementById('jj')?);
}
xml.xml
<?xml?version="1.0"?encoding="GB2312"?standalone="no"?>
<beans>
????<bean?xid='01'?>北京局</bean>
????<bean?xid='0101'>ftd</bean>
????<bean?xid='0102'>tsd</bean>
????<bean?xid='02'>沈陽局</bean>
????<bean?xid='0202'>sy1</bean>
????<bean?xid='0203'>sy2</bean>
????<bean?xid='0204'>sy3</bean>
</beans>
xpath.html
//級連的 下拉框出來了<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
????????<script?language='JavaScript'?src="js/js.js"></script>
????????<script?language="JavaScript"?src="lib/prototype/prototype.js"></script>
????????<script?language='JavaScript'?src='js/xpath.js'></script>
????</head>
????<body?onload='load(?"./xml/xml.xml"?)'>????
????????<select?id="ii"?onchange='duSel();'>
?????????????<option?value=""?>--段選擇--</option>
????????</select>
????????<select?id="jj">
?????????????<option?value=""?>--車間選擇--</option>
????????</select>
????</body>
</html>
心得: xpath 是好東西 好東西啊