ajax+php nodeName indices pares =#text

[starfix]

ayer empece a estudiar javascript y me encontré con un problema a la hora de leer un archivo xml devuelto por un script php. Primero les muestro el codigo JS y el PHP:

Código Javascript:

function cargarProductos(producto){
    
    var httpRequest;
    if (window.XMLHttpRequest)
    {
            //El explorador implementa la interfaz de forma nativa
            httpRequest = new XMLHttpRequest();
    } 
    else if (window.ActiveXObject)
    {
            //El explorador permite crear objetos ActiveX
            try {
                    httpRequest = new ActiveXObject("MSXML2.XMLHTTP");
            } catch (e) {
                    try {
                            httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {}
            }
    }
    
        
    httpRequest.onreadystatechange = function() {
        if (httpRequest.readyState == 4) {
            if (httpRequest.status ==200){
 
            //se establece que es un archivo xml lo que se recibe y se parsea    
            var parser = new DOMParser();
            var xmlDoc = parser.parseFromString(httpRequest.responseText, "application/xml");
 
            /*
            cuerpo
            <root>
                <producto>
                    <nombre>...</nombre>
                    <idcategoria>...</idcategoria>
                </producto>
                <producto>
                    <nombre>...</nombre>
                    <idcategoria>...</idcategoria>
                </producto>
                ...
                </producto>
            </root>
            */
            var root= xmlDoc.getElementsByTagName("producto");
            
            
            for (var i=0; i< root.length; i++){
                
                //se debe de saltar de 2 en 2 en cada nodo hijo
                //los indices pares no tienen texto
                var nombre= root[i].childNodes[1].textContent;
                var idCategoria= root[i].childNodes[3].textContent;
 
                //muestra #text en todos los indices pares
                alert(root[i].childNodes[0].nodeName);
                
                //se añade el fieldset con los datos correspondientes
                var divisor= document.getElementById("productos");
                var campo= document.createElement("fieldset");
                var texto= document.createTextNode("Nombre= "+nombre+" idcategoria= "+idCategoria);
                campo.appendChild(texto);
                divisor.appendChild(campo);
            }
            }  
        }       
    }
    
    httpRequest.open('GET', '../ajax/ObtenerProductos.php?math=' + Math.random(), true);
    httpRequest.send(null);
 
    return false;
}
 

Código PHP:

<?php
 
$_Root= $_SERVER['DOCUMENT_ROOT'];
 
require_once $_Root.'/ProductoDAO.php';
 
$_Consulta= ProductoDAO::BuscarTodosPorCategoria('pizza');
 
$doc = new DOMDocument();
$doc->formatOutput= true;
 
$root = $doc->createElement('root');
$root = $doc->appendChild($root);
 
 
foreach ($_Consulta as $Datos){
    
$producto= $doc->createElement('producto');
$producto= $root->appendChild($producto);
 
 
$nombreTag = $doc->createElement('nombre');
$nombreTag = $producto->appendChild($nombreTag);
 
$textNombre = $doc->createTextNode($Datos->getNombre());
$textNombre = $nombreTag->appendChild($textNombre);
 
$idCategoria= $doc->createElement('idcategoria');
$idCategoria= $producto->appendChild($idCategoria);
 
$textIDCategoria= $doc->createTextNode($Datos->getCategoria());
$textIDCategoria= $idCategoria->appendChild($textIDCategoria);
    
}
 
echo $doc->saveXML();
?>
 

el problema lo puse en el alert(root[i].childNodes[0].nodeName); en la linea 56 del JS. Me muetra #text con cualquier indice par, o sea, al xml se le agregan datos que no los puse yo.



si necesitan mas informacion pidanla, recien estoy comenzando con JS y me costo mucho esto, pero no entiendo esa parte .

saludos

[caricatos]

Hola:

Un salto de línea, un tabulador o un simple espacio equivale a un nodo de texto... Normalmente creo mis xml de forma manual, así que no tengo idea de como queda la salida que generas...

Para evitar problemas suelo usar getElementsByTagName...

Saludos

[starfix]

efectivamente parece ser eso. SI hago solamente un include del archivo php, el codigo fuente queda como sigue:

Código HTML:

<html>
<head></head>
<body>
<?xml version="1.0"?>
<root>
  <producto>
    <nombre>nombreProducto1</nombre>
    <idcategoria>idCategoriaProducto1</idcategoria>
  </producto>
  <producto>
    <nombre>nombreProducto2</nombre>
    <idcategoria>idCategoriaProducto2</idcategoria>
  </producto>
  <producto>
    <nombre>nombreProducto3</nombre>
    <idcategoria>idCategoriaProducto3</idcategoria>
  </producto>
</root>
</body>
</html>
 
 
se puede ver cada salto de linea. Voy a ver como lo resuelvo, si uso tu técnica o si soluciono el problema de otra manera ;-).
 
gracias
 

[starfix]

Bien, parece que el problema esta por el lado de PHP obviamente. Dejo la solución por si alguien tiene el mismo problema.


Resulta que la linea que sigue:

Código PHP:

$doc->formatOutput= true;
 

Formatea el archivo xml para que los navegadores los puedan presentar de una forma legible.
Cambiando true por false se corregiria mi problema y se eliminarian todos los saltos de linea, tabulaciones y espacios insertados por el mismo objeto php.
Ahora pude obtener la siguiente salida:

Código HTML:

<html>
<head></head>
<body>
<?xml version="1.0"?>
<root><producto><nombre>Producto1</nombre><idcategoria>idCategoriaProducto1</idcategoria></producto><producto><nombre>Producto2</nombre><idcategoria>idCategoriaProducto2</idcategoria></producto><producto><nombre>Producto3</nombre><idcategoria>idCategoriaProducto3</idcategoria></producto></root>
</body>
</html>
 

esta salida me sirve para que mi codigo javascript funcione correctamente sin tener que aumentar de a 2 el indice de la lista de nodos hijos:

Código Javascript:

function cargarProductos(producto){
    
    var httpRequest;
    if (window.XMLHttpRequest)
    {
            //El explorador implementa la interfaz de forma nativa
            httpRequest = new XMLHttpRequest();
    } 
    else if (window.ActiveXObject)
    {
            //El explorador permite crear objetos ActiveX
            try {
                    httpRequest = new ActiveXObject("MSXML2.XMLHTTP");
            } catch (e) {
                    try {
                            httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {}
            }
    }
    
    
    httpRequest.onreadystatechange = function() {
        if (httpRequest.readyState == 4) {
            
            if (httpRequest.status ==200){
 
                   
            var parser = new DOMParser();
            var xmlDoc = parser.parseFromString(httpRequest.responseText, "application/xml");
 
            
            var root= xmlDoc.getElementsByTagName("producto");
 
            for (var i=0; i<root.length; i++){          
            
                var nombre= root[i].childNodes[0].textContent;
                
                var idCategoria= root[i].childNodes[1].textContent;
                
                var divisor= document.getElementById("productos");
                var campo= document.createElement("fieldset");
                var texto= document.createTextNode("Nombre= "+nombre+" idcategoria= "+idCategoria);
                campo.appendChild(texto);
                divisor.appendChild(campo);
            }
            }
            
            
            }else alert(httpRequest.readyState);
            
        }
    
    httpRequest.open('GET', '../ajax/ObtenerProductos.php?math=' + Math.random(), true);
    httpRequest.send(null);
 
    return false;
}
 

Como se pueden ver en las lineas 36 y 38, accedo a los nodos hijos con los indices correctos.

ahora a seguir con esto que me está sacando la cabeza

[andinog]

No entiendo por que tu respuesta XML tiene estructura HTML.

Probaste utilizar en PHP

Código PHP:

header ("Content-Type:text/xml");
 

Y eliminar las etiquetas html que envuelven el codigo XML

Saludos!

[starfix]

en realidad no me devuelve etiquetas html, esas las puse yo y no aclare :D. Me devuelve esto:

Código XML:

<?xml version="1.0"?>
<root><producto><nombre>Producto1</nombre><idcategoria>idCategoriaProducto1</idcategoria></producto><producto><nombre>Producto2</nombre><idcategoria>idCategoriaProducto2</idcategoria></producto><producto><nombre>Producto3</nombre><idcategoria>idCategoriaProducto3</idcategoria></producto></root>