sábado, 6 de junio de 2015
VER ARCHIVO XML EN HTML
Vamos a crear un archivo XML el cual será leído
desde HTML en el sistema operativo CENTOS 7, se necesita tener instalado el
servidor apache y levantar el servicio httpd, lo cual está explicado en este
blog en la parte derecha encuentras el link.
Definición
XML
· Especificación para diseñar lenguajes de marcado,
que permite definir etiquetas personalizadas para descripción y organización de
datos.
· Es un estándar internacionalmente conocido.
· No pertenece a ninguna compañía.
· Permite una utilización efectiva en Internet para
sus diferentes terminales.
Documento XML
· Conjunto de datos con sus respectivas etiquetas de
marcado XML.
· Se almacena como texto en archivo con extensión
.xml.
· Un documento XML puede incluir cualquier flujo de
datos basado en texto: un artículo de una revista, un resumen de cotizaciones
de
bolsa, un conjunto de registros de una base de datos, etc.
bolsa, un conjunto de registros de una base de datos, etc.
Archivo ejemplo XML
Creamos el archivo con extensión .xml y lo guardamos
en el directorio /var/www/http
<CATALOGO>
<CD>
<TITULO>AYALA NAREA</TITULO>
<ARTISTA>GABRIEL SEBASTIÁN</ARTISTA>
</CD>
</CATALOGO>
Definición HTML
HTML es un lenguaje de programación que se utiliza
para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde
a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que
podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.
Archivo ejemplo HTML
Ahora creamos el archivo con extensión .html el
cual guardamos en el mismo directorio del xml.
<html>
<body>
<script
type="text/javascript">
var xmlDoc=null;
if
(window.ActiveXObject)
{// code for IE
xmlDoc=new
ActiveXObject("Microsoft.XMLDOM");
}
else if
(document.implementation.createDocument)
{// code for Mozilla, Firefox, Opera, etc.
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Tu navegador no soporta esta funcion');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("catalogo.xml");
var x=xmlDoc.getElementsByTagName("CD");
document.write("<table
border='1'>");
document.write("<thead>");
document.write("<tr><th>NOMBRE</th><th>APELLIDO</th></tr>");
document.write("</thead>");
document.write("<tfoot>");
document.write("<tr><th colspan='2'>UNIVERSIDAD
POLITÉCNICA SALESIANA</th></tr>");
document.write("</tfoot>");
for (var
i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(x[i].getElementsByTagName("ARTISTA")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("<td>");
document.write(x[i].getElementsByTagName("TITULO")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>
</body>
</html>
Finalmente procedemos
a cargar desde el navegador y se mostrará los datos que se están extrayendo desde el xml.
