Javascript+XML 操作

javascript|xml

我的xml檔案Login.xml如下.
<?xml version="1.0" encoding="utf-8" ?>
<Login>
    <Character>
        <C Text="熱血" Value="0"></C>
        <C Text="弱氣" Value="1"></C>
        <C Text="激情" Value="2"></C>
        <C Text="冷靜" Value="3"></C>
        <C Text="冷酷" Value="4"></C>
    </Character>
    <Weapon>
        <W Text="光束劍" Value="0"></W>
        <W Text="光束配刀" Value="1"></W>
    </Weapon>
    <EconomyProperty>
        <P Text="平均型" Value="0"></P>
        <P Text="重視攻擊" Value="1"></P>
        <P Text="重視敏捷" Value="2"></P>
        <P Text="重視防禦" Value="3"></P>
        <P Text="重視命中" Value="4"></P>
    </EconomyProperty>
</Login>
現在我需要對這個xml檔案的內容進行操作.
首先,我們需要載入這個xml檔案,js中載入xml檔案,是通過XMLDOM來進行的.
// 載入xml文檔
loadXML    = function(xmlFile)
{
    var xmlDoc;
    if(window.ActiveXObject)
    {
        xmlDoc    = new ActiveXObject('Microsoft.XMLDOM');
        xmlDoc.async    = false;
        xmlDoc.load(xmlFile);
    }
    else if (document.implementation&&document.implementation.createDocument)
    {
        xmlDoc    = document.implementation.createDocument('', '', null);
        xmlDoc.load(xmlFile);
    }
    else
    {
        return null;
    }
   
    return xmlDoc;
}

xml檔案對象出來了, 接下去我就要對這個文檔進行操作了.
比如說,我們現在需要得到節點Login/Weapon/W的第一個節點的屬性,那麼我們可以如下進行.

// 首先對xml對象進行判斷
checkXMLDocObj    = function(xmlFile)
{
    var xmlDoc    = loadXML(xmlFile);
    if(xmlDoc==null)
    {
        alert('您的瀏覽器不支援xml檔案讀取,於是本頁面禁止您的操作,推薦使用IE5.0以上可以解決此問題!');
        window.location.href='/Index.aspx';
    }
   
    return xmlDoc;
}

// 然後開始擷取需要的Login/Weapon/W的第一個節點的屬性值
var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml');
var v    = xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')
而我在我的程式中的寫法是這樣子的,當然我在程式中的寫法是已經應用到實際中的了.一併給出來,以供查看
initializeSelect    = function(oid, xPath)
{
    var xmlDoc    = checkXMLDocObj('/EBS/XML/Login.xml');
    var n;
    var l;
    var e    = $(oid);
    if(e!=null)
    {
        n    = xmlDoc.getElementsByTagName(xPath)[0].childNodes;
        l    = n.length;
        for(var i=0; i<l; i++)
        {
            var option    = document.createElement('option');
            option.value    = n[i].getAttribute('Value');
            option.innerHTML    = n[i].getAttribute('Text');
            e.appendChild(option);
        }
    }
}
上面的存取碼中,我們是通過xmlDoc.getElementsByTagName(xPath)來進行的.
還可以通過xmlDoc.documentElement.childNodes(1)..childNodes(0).getAttribute('Text')進行訪問.
一些常用方法:
xmlDoc.documentElement.childNodes(0).nodeName,可以得到這個節點的名稱.
xmlDoc.documentElement.childNodes(0).nodeValue,可以得到這個節點的值. 這個值是來自於這樣子的xml格式:<a>b</b>, 於是可以得到b這個值.
xmlDoc.documentElement.childNodes(0).hasChild,可以判斷是否有子節點

根據我的經驗,最好是使用getElementsByTagName(xPath)的方法對節點進行訪問,因為這樣子可以直接通過xPath來定位節點,這樣子會有更好的效能.