Question

我需要离线保存数据，因此我将数据保存为XML。我不知道如何使用JavaScript获取XML对象。

 <xml id=xmlData>
        <data>
            <tb1>
               <id>1</id>
               <name>1</name>
            </tb1>
            <tb1>
               <id>2</id>
               <name>2</name>
            </tb1>
        </data>
    </xml>
    <html id="MainForm">
    <head id="Head1">

    </head>
    <body>
    <script type="text/javascript">
    var xmlDoc;
    // code for IE
    if (window.ActiveXObject)
    {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    }
    // code for Mozilla, Firefox, Opera, etc.
    else if (document.implementation.createDocument)
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
    else
    {
    alert('Your browser cannot handle this script');
    }
    xmlDoc.async=false;
    xmlDoc.load("");//how can i get the xml?

    var x=xmlDoc.documentElement.childNodes;

    for (var i=0;i<x.length;i++)
    { 
    if (x[i].nodeType==1)
      { 
      //Process only element (nodeType 1) nodes
      document.write(x[i].nodeName + ": ");
      document.write(x[i].childNodes[0].nodeValue);
      document.write("<br />");
      } 
    }
    </script>
    </body>
    </html>

Answer 1

我在文档中使用局部变量来执行此操作。如果您可以将XML作为对象的字符串属性获取，那么这可能很有用 -

我的应用程序中有一些类似的用法。我通过服务调用从SQL Azure DB中读取了一个“XML”列，并将此XML数据作为服务返回对象的“字符串”属性。

以下是我正在阅读的内容：

_LocalVariable= XMLFromString(DataObject.Filter);
                    $.each($(_LocalVariable).find("Filter"), 
                        function (index,filterDataItem) {
                        $filterDataItem =$(filterDataItem);
                        var tFilterType =$filterDataItem.find("FilterType").attr("class");
                        var tOperator = $filterDataItem.find("Operator").attr("class");
                        var tValue = $filterDataItem.find("Value").text();
                       // Do more operations
                    });


//--------------------------------------------------------------------------------
//Parse XML from String
//--------------------------------------------------------------------------------
function XMLFromString(pXMLString) {
    if (!pXMLString)
        pXMLString = "<FilterRule></FilterRule>";
    if (window.ActiveXObject) {
        var oXML = new ActiveXObject("Microsoft.XMLDOM");
        oXML.loadXML(pXMLString);
        return oXML;
    } else {
        return (new DOMParser()).parseFromString(pXMLString, "text/xml");
    }
  }

我的数据库中的XML就是这样 -

<FilterRule>
  <Filter id="1">
    <FilterType id="AB11">Ranking</FilterType>
    <Operator id="1">Equal To</Operator>
    <Value>1</Value>
  </Filter>
  <Filter id="2">
    <FilterType id="AB22">Segment</FilterType>
    <Operator id="1">Equal To</Operator>
    <Value>2</Value>
  </Filter>
  <Logic>Or</Logic>
</FilterRule>

Answer 2

试试这个：

var txt='<xml id=xmlData><data><tb1><id>1</id> <name>1</name></tb1><tb1><id>2</id><name>2</name></tb1></data></xml>';

if (window.DOMParser)
{
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
   xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
   xmlDoc.async=false;
   xmlDoc.loadXML(txt);
} 
var x=xmlDoc.documentElement.childNodes;

for (var i=0;i<x.length;i++)
{ 
    if (x[i].nodeType==1)
    { 
       //Process only element (nodeType 1) nodes
       console.log(x[i].nodeName + ": ");
       console.log(x[i].childNodes[0].nodeValue);
       console.log("<br />");
    } 
}

小提琴： http://jsfiddle.net/hB5E9/

如何在HTML文档中遍历XML？

2 个答案: