Você pode ler um arquivo no formato XML em HTML e exibir todo o seu conteúdo na página HTML, ou seja, exibir o conteúdo da tag e exibir a própria tag.
No exemplo a seguir, abrimos um arquivo XML ("cd_catalog.xml"), iteramos cada elemento CD e exibimos os valores do elemento ARTIST e do elemento TITLE na tabela HTML:
<html>
<corpo>
<roteiro>
se (janela.XMLHttpRequest)
{// código para IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
outro
{// código para IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",falso);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
para (i=0;i<x.comprimento;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTISTA")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TÍTULO")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>
Experimente »
dica:
As informações na tag CDATA são passadas intactas para o aplicativo pelo analisador, e quaisquer tags de controle no segmento de informações não são analisadas. A área CDATA é marcada por: "〈![CDATA[" como marca inicial e "]]〉" como marca final.
Até mesmo os espaços em branco iniciais e finais e os caracteres de nova linha na área CDATA também serão transferidos (observe que CDATA é um caractere maiúsculo).
Para saber mais sobre como usar JavaScript e XML DOM, visite nosso tutorial XML DOM.