Hola
xmatias,
Puedes añadir un Array con los valores que quieres imprimir y luego comprobar el nodeName de cada elemento que recorremos para ver si se encuentra en dicho Array. Si es que sí, lo imprime.
Mira, te indico el ejemplo que me he creado:
Me he creado el siguiente XML de prueba:
Insertar CODE, HTML o PHP:
<?xml version="1.0" encoding="UTF-8"?>
<PELICULAS>
<ANIMES>
<ANIME>
<ID>001</ID>
<TITULO>Akira</TITULO>
<DIRECTOR>Katsuhiro Otomo</DIRECTOR>
<FECHA>1988</FECHA>
</ANIME>
<ANIME>
<ID>002</ID>
<TITULO>Ghost in the Shell</TITULO>
<DIRECTOR>Mamoru Oshii</DIRECTOR>
<FECHA>1995</FECHA>
</ANIME>
<ANIME>
<ID>003</ID>
<TITULO>Mi vecino Totoro</TITULO>
<DIRECTOR>Hayao Miyazaki</DIRECTOR>
<FECHA>1988</FECHA>
</ANIME>
<ANIME>
<ID>004</ID>
<TITULO>Death Note</TITULO>
<DIRECTOR>Shusuke Kaneko</DIRECTOR>
<FECHA>2006</FECHA>
</ANIME>
</ANIMES>
</PELICULAS>
Luego, en javascript me creo un Array con el nombre de los nodos que quiero imprimir. Cuando recorramos el XML, comprobaremos si el nodeName coincide con alguno de los elementos del Array que hemos creado. Si es que sí, lo añade a la tabla.
Insertar CODE, HTML o PHP:
// Datos que queremos imprimir en la tabla
[B][COLOR="#FF0000"]var infoNecesaria = ['ID', 'TITULO'];[/COLOR][/B]
//Función que lee el XML y crea la tabla con la información deseada.
function escribir() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET','http://localhost/parsearXML/ejemplo.xml',false);
xmlhttp.send();
var xmlDoc = xmlhttp.responseXML;
var x = xmlDoc.getElementsByTagName('ANIME');
var tabla = document.createElement('table');
tabla.setAttribute('border', '1');
for (i=0 ; i < x.length ; i++) {
var elementoXML = x[i];
var fila = document.createElement('tr');
debugger;
for (j = 0 ; j < elementoXML.children.length ; j++) {
[B][COLOR="#FF0000"]if (infoNecesaria.indexOf(elementoXML.children[j].nodeName) != -1) {[/COLOR][/B]
var celda = document.createElement('td');
var texto = document.createTextNode(elementoXML.children[j].textContent);
celda.appendChild(texto);
fila.appendChild(celda);
[B][COLOR="#FF0000"]}[/COLOR][/B]
}
tabla.appendChild(fila);
}
$('#contenido').append(tabla);
}
Como sólo quiero imprimir el ID y el Título, obtengo algo como esto:
Pruébalo y si tienes cualquier problema, no dudes en preguntar.
Un saludo.
NOTA: Si copias mi función directamente, asegúrate de cambiar las siguientes líneas por las tuyas:
Insertar CODE, HTML o PHP:
xmlhttp.open('GET','http://localhost/parsearXML/ejemplo.xml',false);
y
Insertar CODE, HTML o PHP:
var x = xmlDoc.getElementsByTagName('ANIME');
😉
Edito!!!!
Hola de nuevo
xmatias,
Como veo que estás usando JQuery, te paso una modificación de la función en la que utilizamos la librería tanto para la petición Ajax, como para recorrer el XML. De esta manera, sólo tendrías que modificar el Array que te he comentado antes, para mostrar los campos que quieras en el orden que quieras.
Te pego el código adaptado al tuyo para que sólo tengas que hacer un copy/paste.
Insertar CODE, HTML o PHP:
// Datos que queremos imprimir en la tabla
var infoNecesaria = ['TITULO', 'ID'];
//Función que lee el XML y crea la tabla con la información deseada.
function escribir() {
var tabla = document.createElement('table');
tabla.setAttribute('border', '1');
$.ajax({
type : 'GET',
dataType : 'xml',
url : 'ejemplo.xml',
success : function(xmlResponse) {
$(xmlResponse).find('ANIMES').each(function() {
var fila = document.createElement('tr');
for (i = 0 ; i < infoNecesaria.length ; i++) {
var celda = document.createElement('td');
var texto = document.createTextNode($(this).find(infoNecesaria[i]).text());
celda.appendChild(texto);
fila.appendChild(celda);
}
tabla.appendChild(fila);
});
$('#contenido').append(tabla);
},
error : function() {
alert('No se ha encontrado el fichero XML!!');
}
});
}
Bueno, pues ya me comentas qué tal te ha ido.
Un saludo.
😉
