Leer fichero XML

[c885]

Hola a todos.

Veréis, estoy intentando leer un fichero XML desde HTML con Javascript y me surgen problemas a la hora de cargar el fichero.
Tengo un fichero XML que contiene personas almacenando de estas sus nombres y apellidos. La intención es con una función en Javascript que recibe un nombre y un apellido, recorrer cada una de las personas almacenadas en dicho fichero y que me muestre (en este momento con un simple alert me sirve) si la persona se encuentra ya almacenada o no.

Nunca antes había tocado XML y con Javascript había hecho muy, muy poco, asique si pudieseis echarme una manita me sería de gran ayuda ya que me urge mucho terminar esto.

Os dejo el código XML:

Código:

<?xml version="1.0" encoding="utf-8"?>
<PERSONAS>
     <persona>
         <nombre> Andrea </nombre>
         <apellido> Martinez </apellido>
     </persona>
     <persona>
         <nombre> Juan </nombre>
         <apellido> Fernandez </apellido>
     </persona>
<PERSONAS>

Y la función de Javascript (¡cuidado!, están las 4 distintas opciones que he estado probando de como cargar el fichero XML):

Código:

function ComprobarPersonaAlmacenada(nombre,apellido) { 

    //----------------
    //Opción 1:
    xmlDoc = CreateMSXMLDocumentObject();
    xmlDoc.loadXML("personasAlmacenadas.xml");

    //----------------
    //Opción 2:
    xmlDoc = loadXMLDoc("personasAlmacenadas.xml");

    //----------------
    //Opción 3:
    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async = false;
    xmlDoc.load("personasAlmacenadas.xml");

    //---------------- 
    //Opción 4: 
    var xmlDoc=null; 

    if (window.ActiveXObject){
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    }else if (document.implementation.createDocument){
        xmlDoc=document.implementation.createDocument(""," ",null); 
    }else { 
        alert('Your browser cannot handle this script'); 
    }

    if (xmlDoc!=null){ 
        xmlDoc.async=false; 
        xmlDoc.load("personasAlmacenadas.xml"); 

    //------------- 
        numUsers = xmlDoc.getElementsByTagName("persona").length;
        for ( i = 0; i < numUser ; i++ ) {
            if (xmlDoc.getElementsByTagName("nombre").childNodes[0] == nombre && xmlDoc.getElementsByTagName("apellido").childNodes[0] == apellido ) {
                alert('La persona está almacenada');
            } 
        } 
        alert('La persona no está almacenada'); 
    }
};

Muchísimas gracias de antemano por toda la ayuda que podais aportarme.

[djaevi]

Prueba poniendolo asi

Código Javascript:

numUsers = xmlDoc.getElementsByTagName("persona").length;
        for ( i = 0; i < numUser ; i++ ) {
            if (numUsers[0].childNodes[0].tagName == nombre && numUsers[0].childNodes[1].tagName == apellido ) {
                alert('La persona está almacenada');
            } 
        }
 

Saludos

[c885]

Muchas gracias por tu respuesta djaevi, por desgracia, he probado lo que me comentas y sigue sin funcionarme.

He esta mañana he estado probando a poner alerts repartidos por toda la función para averiguar hasta donde llegaba y no llega a cargarme el fichero XML. ¿Alguno podría comentarme de las opciones que tengo puestas en el código sobre como cargar el fichero sería la mejor o estaría correcta? Y si ninguna lo está, ¿podríais darme una manera correcta de hacerlo?

Muchísimas gracias por todo.

Saludos.

[c885]

Hola a todos de nuevo...

Siento insistir en el tema, pero necesito encontrar una solución que funcione con la mayor rapidez posible, y si por algún casual alguien que pueda ayudarme lo lee... Me solucionaría la vida jajaja.

He conseguido otra solución distinta a las anteriores, esta vez el codigo que os copio lleva incluidos todos los alerts que tengo puestos para saber hasta donde llega.
Consigue llegar hasta el alert 0,4, por lo tanto no me hace el xmlDoc.send(), ¿alguien sabría explicarme el porque de esto?

Código:

function ComprobarPersonaAlmacenada(nombre,apellido) { 
	alert('0');
	
	//----------------
	if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlDoc = new XMLHttpRequest();
	  alert('0,1');
	}else{// code for IE6, IE5
	  xmlDoc =  ActiveXObject("Microsoft.XMLHTTP");
	  alert('0,2');
	}
	alert('0,3');
	xmlDoc.open("GET","personasAlmacenadas.xml",true);
	alert('0,4');
	xmlDoc.send();
	alert('0,5');
	
	xmlDoc = xmlhttp.responseXML; 
	alert('1');
	var txt = "";
	x = xmlDoc.getElementsByTagName("persona");
	alert('2');
	for (i=0;i<x.length;i++)
	{
	  if (x[i].getElementsByTagName("nombre").childNodes[0].nodeValue == nombre && x[i].getElementsByTagName("apellido").childNodes[0].nodeValue == apellido) {
		 alert('La persona está almacenada');
		 alert('3');
	  }
	}
	alert('4');
	alert('La persona no está almacenada'); 
};

De nuevo muchas gracias por todo lo que podais aportarme.

Saludos.

[emprear]

Un ejemplo simple de búsqueda en XML con javascript

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Buscar en XML</title>
<style type="text/css">
/*<![CDATA[*/
body{
font-family: verdana, sans-serif;
}
h1{
font-size: 16pt;
}
#resultados{
margin: 30px 0;
color: darkgreen;
font-size: 11pt;
}
p,pre{
font-size: 11pt;
}
pre{
color: darkred;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function buscarEnXML(urlXML,etiqueta){
var xmlhttp;
var txt,x,i,n,valor;
var cadena = document.getElementById('el_nombre').value;
cadena = cadena.replace(/(<([^>]+)>)/ig,"");
// trim
cadena = cadena.replace(/^\s+/g,'').replace(/\s+$/g,'');
if(cadena == ""){
document.getElementById("resultados").innerHTML='Ingrese un valor';
return false;
}
if(cadena == '*'){
cadena = ""; // mostrar todos
}
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
xmlDoc=xmlhttp.responseXML;
txt="";
losTags=xmlDoc.getElementsByTagName(etiqueta);
for (i=0;i<losTags.length;i++){
valor = losTags[i].childNodes[0].nodeValue;
// Aqui la búsqueda, hay que refinarla, expresion regular, etc
var er = new RegExp(cadena,"i"); 
n=valor.search(er);
//////////////////////////////////////
if(n != -1){
txt +=losTags[i].childNodes[0].nodeValue + "<br />";
}
}
if( txt == ""){
txt = 'Sin resultados';
}
document.getElementById("resultados").innerHTML=txt;
}
}
xmlhttp.open("GET",urlXML,true);
xmlhttp.send();
}
//]]>
</script>
</head>
<body>
<div>
<h1>Buscar nombres en XML</h1>
<input type="text" value="" id="el_nombre" /> 
<input type="button" value="Buscar" onclick="buscarEnXML('http://vinoselfrances.com.ar/cdcatalog.xml','artist')" />
<div id="resultados"></div>
<p>El ejemplo busca en la etiqueta 'artist', es insensible a mayúsculas/minúsculas, para obtener todos los elementos del xml, ingrese <b>*</b><br />
No hay mínimo de caracteres a ingresar.<br />
La función de búsqueda recibe 2 parámetros, la url del xml y el nombre de la etiqueta en la que se quiere buscar.<br />
</p>
<pre><b>Ejemplo:</b><code>
buscarEnXML('http://vinoselfrances.com.ar/cdcatalog.xml','artist')" 
</code></pre>
<p>
La url del XML es: <a href="http://vinoselfrances.com.ar/cdcatalog.xml">http://vinoselfrances.com.ar/cdcatalog.xml</a>
</p>
</div>
</body>
</html>
 

Tendrías que refinar los criterios de búsqueda si hace falta

Demo:
http://foros.emprear.com/xml/busqueda-xml.html

Saludos

[caricatos]

Hola:

Otra referencia: Destripando objetos Ajax...

Saludos

[djaevi]

Hola te tengo buenas noticias investigando un poco he sacado una posible solucion al menos lo probe en mozilla y chrome y funciona ahi va el codigo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
 

Código Javascript:

var xmlDoc;
    function loadXML() {
      xmlDoc=document.implementation.createDocument("","",null);
      xmlDoc.load("archivo.xml");
      xmlDoc.onload= readXML;
    }
 
    function readXML() {
        var nombre = document.usuarios.nombre.value;
        var apellido = document.usuarios.apellido.value;
        var root = xmlDoc.documentElement;
        for (var i=0; i<root.childNodes.length; i++) {
            var checkNombre = false;
            var checkApellido = false;
            if (root.childNodes[i].tagName == "persona") {
                for (var j=0; j<root.childNodes[i].childNodes.length; j++) {
                    if ((root.childNodes[i].childNodes[j].tagName == "nombre") && (root.childNodes[i].childNodes[j].textContent == nombre)) {
                        checkNombre = true;
                        }
                    if ((root.childNodes[i].childNodes[j].tagName == "apellido") && (root.childNodes[i].childNodes[j].textContent == apellido)) {
                        checkApellido = true;
                        }
                    }
                }
                if ((checkNombre) && (checkApellido)) {
                    alert("Esta Persona Ya Esta Registrada");
                    break;
                    }
            }
        if ((!checkNombre) || (!checkApellido)) {
            alert("Esta Persona No Existe");
            }
     }
 

Código HTML:

</script>
</head>
 
<body">
    <form name="usuarios" method="post" action="#">
        Nombre: <input type="text" name="nombre" /><br />
        Apellido: <input type="text" name="apellido" /><br /><br />
        <input type="button" onclick="loadXML();" value="Comprobar"; />
    </form>
</body>
</html>
 

Y aqui el xml, por lo que he visto no dejes espacios en blanco solo saltos de linea y tabulaciones.

Código XML:

<?xml version="1.0" encoding="UTF-8"?>
    <personas>
        <persona id="001" >
            <nombre>Pablo</nombre>      
            <apellido>Perez</apellido>
        </persona>
        <persona id="002">
            <nombre>Diego</nombre>      
            <apellido>Garcia</apellido>
        </persona>
    </personas>
 

Saludos