xPath XML file with namespaces using Javascript

问题

I have done a TONE of research and still have just hit a dead end :(

Heres my XML file (test.xml):

<bookstore>
  <book genre="autobiography">
    <title>The Autobiography of Benjamin Franklin</title>
    <author>
      <first-name>Benjamin</first-name>
      <last-name>Franklin</last-name>
    </author>
    <price>8.99</price>
  </book>
  <bk:book genre="novel" bk:genre="fiction" 
xmlns:bk="http://purl.org/dc/elements/1.1/">
    <bk:title>The Confidence Man</bk:title>
    <bk:author>
      <bk:first-name>Herman</bk:first-name>
      <bk:last-name>Melville</bk:last-name>
    </bk:author>
    <bk:price>11.99</bk:price>
  </bk:book>
</bookstore>

Heres my Javascript file:

<html>
<body>
<script type="text/javascript">
function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}


xml=loadXMLDoc("test.xml");
//xml.remove_namespaces;
path="/bookstore/bk:book/bk:title";
// code for IE
if (window.ActiveXObject)
{
var nodes=xml.selectNodes(path);
//var nodes=xmlDoc.getElementsByTagName('bk:title');

for (i=0;i<nodes.length;i++)
  {
  document.write(nodes[i].childNodes[0].nodeValue);
  document.write("<br />");
  }
}
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
{
var nodes=xml.evaluate(path, xml, null, XPathResult.ANY_TYPE, null);
var result=nodes.iterateNext();

while (result)
  {
  document.write(result.childNodes[0].nodeValue);
  document.write("<br />");
  result=nodes.iterateNext();
  }
}
</script>

</body>
</html>

I cannot get the value inside the bk namespaced tags :(

I have tried all that //*[name() etc etc rubbish, no go :(

Any help would be much appreciated!!!!!!!!!!!!!!!!!!!

Kind Regards, Sam Gungormez

回答1:

Here is some sample code to show how to deal with namespaces:

var path="/bookstore/bk:book/bk:title";

if (typeof xml.evaluate !== 'undefined') {
  var result = xml.evaluate(
   path,
   xml,
   function (prefix) {
     if (prefix === 'bk') {
       return 'http://purl.org/dc/elements/1.1/';
     }
     else {
       return null;
     }
   },
   XPathResult.ANY_TYPE,
   null
  );
  // now use the code here you already have in your sample for evaluate 
}
else if (typeof xml.selectNodes !== 'undefined' && typeof xml.setProperty != 'undefined') {
  xml.setProperty('SelectionLanguage', 'XPath');
  xml.setProperty('SelectionNamespaces', 'xmlns:bk="http://purl.org/dc/elements/1.1/"');
  var nodes = xml.selectNodes(path);
  // now use the code you already have for selectNodes
}

回答2:

Ahhh My code was working in IE but not broswers like Firefox (Interesting thing, the code only executed in IE if it was being hosted by a server (apache, etc.) ).

I now fixed it all and it works flawlessly with all browsers. I can't thank you enough Martin.

I wasn't parsing the function constructors variables correctly.

Here is fully functional code:

<html>
<body>
<script type="text/javascript">

function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send("");
return xhttp.responseXML;
}

xml=loadXMLDoc("test.xml");
var path="/bookstore/bk:book/bk:title";

if (typeof xml.evaluate !== 'undefined') 
{
  var result = xml.evaluate(
   path,
   xml,
   function (prefix) {
     if (prefix === 'bk') {
       return 'http://purl.org/dc/elements/1.1/';
     }
     else {
       return null;
     }
   },
   XPathResult.ANY_TYPE,
   null
  );
  // now use the code here you already have in your sample for evaluate
  var nodes=xml.evaluate(
   path,
   xml,
   function (prefix) {
     if (prefix === 'bk') {
       return 'http://purl.org/dc/elements/1.1/';
     }
     else {
       return null;
     }
   },
   XPathResult.ANY_TYPE,
   null);
var result=nodes.iterateNext();

while (result)
  {
  document.write(result.childNodes[0].nodeValue);
  document.write("<br />");
  result=nodes.iterateNext();
  } 
}
else if (typeof xml.selectNodes !== 'undefined' && typeof xml.setProperty != 'undefined') 
{
  xml.setProperty('SelectionLanguage', 'XPath');
  xml.setProperty('SelectionNamespaces', 'xmlns:bk="http://purl.org/dc/elements/1.1/"');
  var nodes = xml.selectNodes(path);
  // now use the code you already have for selectNodes
var nodes=xml.selectNodes(path);
//var nodes=xmlDoc.getElementsByTagName('bk:title');

for (i=0;i<nodes.length;i++)
  {
  document.write(nodes[i].childNodes[0].nodeValue);
  document.write("<br />");
  }


}

</script>
</body>
</html>

来源：https://stackoverflow.com/questions/7257088/xpath-xml-file-with-namespaces-using-javascript

标签

javascript

html

xml

xpath

namespaces