Formulario de productos ajax

Ex_shadow · #1 (**permalink**) 07/07/2012, 00:47

Hola como les va !?

Creo este nuevo tema con el proposito de una ayuda suyas...

El fin : Un editor simple de productos para una pagina , Elije una seccion, mediante ajax envio el valor de la seccion php trabaja y recoge de la mysql todos los nombres de los productos de dicha seccion y los devuelve en un select... una vez elejido un producto en ese segundo select mediante el mismo metodo de ajax y php recogo un form con la informacion del producto para cambiar...

El Problema : Cuando selecciono la seccion el select de productos me aparece, pero cuando selecciono un producto me salta un error (en la consola de google chrome) no visible : "Uncaught SyntaxError: Unexpected token }"

Les dejo el codigo pero sinceramente no le veo el error

Código HTML:

Ver original<head>
    <!-- Script --->
    <script type="application/javascript" src="javascript.js"></script>
</head>
 
 
<div id="Modificador">
    
    <!-- Seccion --->
    <div id="Seccion">
    <select size="6" onchange="Seccion(this.value);">
        <option value="Libreria_Artesanal">Libreria Artesanal</option>
        <option value="Libreria_Artistica">Libreria Artistica</option>
        <option value="Libreria_Escolar">Libreria Escolar</option>
        <option value="Juguetes">Juguetes</option>
        <option value="Informatica">Informatica</option>
        <option value="Regalos">Bolsos y mochilas</option>
    </select>
    </div>
    
    <!-- Productos --->
    <div id="Productos"></div>
    
    <!-- Modificador --->
    <div id="Modificar"></div>
 
</div>

Código Javascript:

Ver original// Selector de Seccion
function Seccion(Valor){
    
    // ---  Variable
    var Productos = document.getElementById('Productos');
    
    // --- ajax
    var ajax = new XMLHttpRequest();
    
    // --- Cabezeras
    ajax.open("POST","Producto.php",true);
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        
    // --- Estados
    ajax.onreadystatechange = function(){
        
        //--- Cargando
        if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){
            Productos.innerHTML='<img src="Imagenes/Preload.gif" width="25px" height="25px" />';
        }
        
        //--- Finalizado
        if(ajax.readyState==4 && ajax.status==200){
            Productos.innerHTML=ajax.responseText;
        }
        
        //--- Error
        if(ajax.readyState==4 && ajax.status==404){
            Productos.innerHTML='<img src="Imagenes/Error.png" width="25px" height="25px" /> A surgido un error...';
        }
    }
    
    // --- Envio
    ajax.send('Seccion='+Valor);
}
 
 
// Selector de Seccion
function Productos(Seccion,Valor){
 
    // Variables
    var Contenedor = document.getElementById('Modificar');
    var Parametro = 'Seccion='+Seccion+'&Valor='+Valor;
    
    // Ajax
    ajax = new XMLHttpRequest();
    
    // Abriendo
    ajax.open('POST','Produco.php',true);
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    
    // Estados
    ajax.onreadystatechange = function(){
        
        // Cargando...
        if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){
            Contenedor.innerHTML='Cargando...';
        }
        
        // Finalizado
        if(ajax.readyState==4 && ajax.status==200){
            Contenedor.innerHTML=ajax.responseText;
        }
        
        // Error
        if(ajax.readyState==4 && ajax.status==404){
            Contenedor.innerHTML='Error en pagina';
        }
        
    }
    
    // Envio
    ajax.send(Parametro);
}

Producto.php

Código PHP:

Ver original<?
 
# --- Conexion
$Conexion = mysql_connect('localhost','root','pass');
mysql_select_db('bd',$Conexion);
 
# --- Variable 
$Seccion = $_POST['Seccion'];
 
# --- Consulta
$Consulta = mysql_query("SELECT * FROM ".$Seccion);
 
# --- Select
echo '<select onChange="Productos("'.$Seccion.'",this.value);" id="Producto">';
 
# --- Bucle while
while($Campo = mysql_fetch_assoc($Consulta)){
    echo'
    
        <option value="'.$Campo['id'].'">'.$Campo['Nombre'].'</option>
    
    ';
}
 
# --- Select
echo '</select>';
 
# --- Cerrando
mysql_close($Conexion);
 
?>

Produco.php

Código PHP:

Ver original<?
 
    echo 'Hola'
 
 
# --- A este sinceramente le deje ese echo solo para ver si el error era en el php pero no es asi... NI EL ECHO ME DEVUELVE!!!!
 
?>

maycolalvarez · #2 (**permalink**) 08/07/2012, 09:41

Revisa bien lo que te indica la consola, como la línea exacta del error, con lo que proporcionas es difícil ayudarte, además tu implementación de AJAX no es crossbrowser