Recoger y usar parámetros Ajax con PHP

[Salami]

Buenos día a todos. Parece un foro movidito así que espero me echen un cable.

Intento fusionar en PHP y Ajax utilizando Prototype y consultas a mysql.

Poseo un index.php principal con un formulario con dos select y consultas a mysql mediante php externos (secciones.php y departamentos.php).

Primer select: se carga según consulta a departamentos.php y obtiene dos parámetros. Todo bien.

Segundo selectr: según parámetro seleccionado en el primero, realiza consulta a secciones.php pasándole ese parámetro.

Esto es lo que no consigo, pasar ese parámetro recogido con javascript y utilizarlo con php para la consulta. Intento algo como :

Código PHP:

$sql = "SELECT * FROM secciones WHERE id_departamento = "+<script>$F(param)</script>;
 

Obtengo el error:

Código PHP:

Parse error:  syntax error, unexpected '<' in ...
 

y me quedo ahí, he probado varias formas pero me parece la mejor!


Muchísimas gracias de antemano y Feliz Año para todos!

[sloy]

Me parece que tu fallo está en el "+<script>$F(param)</script>". Creo que esa sintaxis no es correcta.

Si pusieras el código javascript con el que recoges el parámetro y haces la petición Ajax, y de paso el código PHP con el que recoges los datos sería de ayuda. Como no, te pongo un ejemplillo de ambos códigos, no los he probado pero creo que deberían funcionar.

Un saludo!

Código Javascript:

// La función javascript que recoge el parámetro y hace la petición
function obtenerSecciones(){
   // Obtienes el valor de la opción seleccionada
   var departamento = document.getElementById('idDeTuSelect').value; //No sé cómo se hace con Prototype
 
   // Si usas la librería Prototype
   new Ajax.Request('/ruta/hasta/pagina/secciones.php', {
     method: 'post',
     postBody: 'parametro='+opcion,
     onSuccess: procesaRespuesta,
   });
}
 

Y el archivo PHP recibe la petición con

Código PHP:

$departamento= $_POST['parametro'];
$sql = "SELECT * FROM secciones WHERE id_departamento = ".$departamento;
 

[Salami]

El problema es que, por circunstancias que no vienen al caso, necesito hacerlo por el método 'GET'., aunque parece coherente tu código. Lo que no pillo es el posBody, ya que suelo programar por el GET y por lo que leo este parámetro sólo vale para el POST.

La forma de recoger el parámetro de un formulario en Prototype es "$F('parametro')". También me interesaría realizarlo de esta forma, por si alguien supiera.

La función que utilizo para cargar el segundo select:

Código Javascript:

function carga_secciones(){ 
        //Recojo la variable que me interesa para la consulta
    var param = $F('id_departamento');
    //Variable para el archivo PHP que realiza la consulta
    var url="seccion.php";
        //Creo el objeto
    var ajaxRequest = new Ajax.Request(
        
        url,
        {
            method : 'get',
            parameters: param,
            asynchronous: true,
                        //Función que mostrará en el select el resultado de la consulta
            onComplete: showSeccion
        });
 
}
 

Y el código de "seccion.php" que realiza la consulta:

Código PHP:

<?PHP
 
    //CONEXIÓN A BASE DE DATOS
    $con=@MYSQL_connect($server, $usuario, $password)
        or die ("Error de conexión");
        
    //SELECCIÓN DE BASE DE DATOS
    MYSQL_select_db($bbdd,$con)
        or die("Error de selección");
 
    //Recojo el parámetro que necesito
        $param=$_GET['param'];
        //Y la consulta que realizo:
    $sql = "SELECT * FROM secciones WHERE id_departamento =".$param;
    
    $resultado = @MYSQL_query($sql, $con)
        or die("Error de consulta");
    
    //Para cada elemento...
    while($fila = MYSQL_fetch_assoc($resultado)){
            //Tratamiento de los datos, que tampoco viene al caso...
        echo $fila['id_seccion'].";".$fila['seccion']."<br>"; 
    
    } 
        
?>
 

El error que me da:

Código PHP:

Notice:  Undefined index: param in ...seccion.php on line 16
 

Y es referente a la línea de la consulta. Hay una tecla con la que no logro dar y me está volviendo loco! Gracias por la información, lo probaré por si lo necesito en otra ocasión, pero realmente necesito la otra manera.


Gracias por tu tiempo y Feliz Año!

[Salami]

De verdad nadie puede orientarme? Es algo que necesito de verdad implementar, pero debo estar haciendo algo mal... Una orientación please!

[sloy]

Perdona, no vi tu respuesta.
Sea por GET o por POST, los parámetros hay que enviarlos en formato query string (parametro1=valor1&parametro2=valor2).

Creo que debería funcionar si la línea parameters: param, la cambias por algo como: parameters: "parametro="+param, y luego recoges el valor en PHP mediante $_GET['parametro']. O le das el nombre que quieras a las variables, la cuestión es que esté en ese formato.

Pruébalo y comenta qué tal

[Salami]

Pues todo perfecto! La solución fue esta:

Recoger parámetro en Javascript:

Código Javascript:

parametro = $F('id_departamento');
 

Pasar el parámetro al crear Ajax.Request:

Código Javascript:

var ajaxRequest = new Ajax.Request(
 
                    url,
                    {
                        
                        method: "GET",
                        parameters: "param="+parametro,
                        asynchronous: true,
                        onComplete: showSeccion         
                    
                    });
 

Para usar el parámetro en la página PHP:

$param = $_GET['id_departamento'];

No es que me quede muy claro pasar el parámetro poor JS y recogerlo así, ya que así es como se hace normalmente con PHP sin nada de Ajax.

Te lo agradezco en el alma. Sabría alguien como pasar varios parámetros?

El caso es que ahora quiero hacer insert en MySQL y sería lo mismo, recoger el formulario, pasarlo por Ajax y recogerlo en php. La función JS:

Código Javascript:

function insertar(){
 
                nombre = 'nombre='+$F('nombre');
                apellido1 = 'apellido1='+$F('apellido1');
                apellido2 = 'apellido2='+$F('apellido2');
                url = "inserta_usuario.php";
                
                ajaxRequest = Ajax.Request(
                
                    url,
                    {
                    
                        method: 'GET',
                        parameters: {
                            
                                nombre: "nombre="+nombre,
                                    apellido1: "apellido1"+apellido1,
                                                                apellido2: "apellido2"+apellido1
                            }
                        asynchronous: true,
                        onComplete: insertaUsuario
                    
                    });
 

Y para recoger en PHP hago esto:

Código PHP:

$nombre = $_GET['nombre'];
$apellido1 = $_GET['apellido1'];
$apellido2 = $_GET['apellido2'];
 
$query = sprintf("INSERT into usuarios (nombre, apellido1, apellido2)
            values ('%s', %s', %s')", $nombre, $apellido1, $apellido2);
 
$resultado = MYSQL_query($query);
 

Soy un coñazo, pero tampoco va, y le he dado unas cuantas vueltas ya....


Gracias de antemano con la ayuda en la carga y si alguien ayuda con esto pues más todavía.

Saludos.

[sloy]

Me alegro de que te haya funcionado, al menos en principio. Vamos con lo siguiente.

Para enviar varios parámetros no tienes más que concatenarlos al igual que se hace con PHP, parametro1=valor1&parametro2=valor2. En javascript sería algo como

Código Javascript:

"parametro1="+variable1+"&parametro2="+variable2+...
 

Muy importante el carácter &.



Cuando dices que no va, ¿te da algún tipo de error o algo? Si usas firebug sería de ayuda que pusieses aquí la respuesta de la petición o el error que te de. Si no lo usas, te recomiendo que lo hagas, es muy útil especialmente para Ajax.

Para no dejarlo en nada, te comento los dos posibles errores que veo ahí a primera vista, al menos en el código Javascript, que mysql domino lo justo.

El primero, y no estoy seguro de que sea tenga yo razón, es que estás pasando como parámetro un objeto JSON. Sé que jQuery admite esto, pero de Prototype no tengo la información. No sé ni sí ni no, pero te lo comento por si acaso.

El segundo, y este me parece más posible, es repites el nombre del parámetro. Me explico: cuando asignas las variables que vas a pasar mediante Ajax lo haces de la forma

Código Javascript:

nombre = 'nombre='+$F('nombre');
                apellido1 = 'apellido1='+$F('apellido1');
                apellido2 = 'apellido2='+$F('apellido2');
 

y después vuelves a repetirle el proceso en

Código Javascript:

parameters: {
                            
                                nombre: "nombre="+nombre,
                                    apellido1: "apellido1"+apellido1,
                                                                apellido2: "apellido2"+apellido1
                            }
 

Aprovechando la asignación que haces al principio, yo pasaría los parámetros de esta manera:

Código Javascript:

nombre = 'nombre='+$F('nombre');
apellido1 = 'apellido1='+$F('apellido1');
apellido2 = 'apellido2='+$F('apellido2');
......
parameters: nombre+"&"+apellido1+"&"+apellido2;
 

O directamente

Código Javascript:

parameters: "nombre="+$F('nombre')+"&apellido1="+$F('apellido1')+"&apellido2="+$F('apellido2');
 

Combinaciones posibles hay muchas, la cuestión es que al final los parámetros lleguen en el formato correcto.

Espero haberme hecho entender, porque no soy muy buen profesor. Inténtalo y si no lo que te dije al principio, alguna información sobre el error o lo que sea.

[Salami]

Ok, sí que estaba mal seguro. En realidad quería hacer lo que tú, pero de tanto darle vueltas al código al final lo dejé peor... Ahora tengo:


Por un lado, la función Javascript:

Código Javascript:

function insertar(){
                
                param = 'nombre='+$F('nombre');
                param = param+'&apellido1='+$F('apellido1');
                param = param+'&apellido2='+$F('apellido2');
                param = param+'&dni='+$F('dni');
                param = param+'&usuario='+$F('usuario');
                param = param+'&password='+$F('password');
                param = param+'&id_departamento='+$F('id_departamento');
                param = param+'&id_seccion='+$F('id_seccion');
                
                            
                url = "inserta_usuario.php";
                alert("1. Objeto ajaxRequest");
                ajaxRequest = Ajax.Request(
                
                    url,
                    {
                    
                        method: 'GET',
                        parameters: param,
                        asynchronous: true,
                        onComplete: insertaUsuario
                    
                    });
                    alert("3. INSERTADO");      
            
            }
 

Al punto "3. INSERTADO" no logro que llegue.


Por otra parte, la página PHP:

Código PHP:

$server = 'localhost';
    $usuario = 'root';
    $password = '';
    $bbdd = 'AJAX'; 
 
    $parametro = $_GET['param'];    
        echo "<script language="javascript">alert("2. Recogido");</script>"
    $con = MYSQL_connect($server, $usuario, $password)
                or die ("Error de conexión");
    
    MYSQL_select_db($bbdd, $con)
                or die ("Error de selección");
    
 
                                            
    $query = sprintf("INSERT into usuarios 
                    (nombre, apellido1, apellido2, dni, usuario, password, id_departamento, id_seccion)
                    values ('%s')", $param) );                                      
    $resultado = MYSQL_query($query);
 

Cuando digo que no va no es que dé error, sino que no lanza los alert que pongo. Por ejemplo, el alert "2. INSERTADO" debe aparecer cuando por fin se haga la inserción en BD. Pero ese no llega a lanzarse nunca, sin embargo el primero sí.

En PHP he puesto el alert "2. Recogido" para saber cuando se ha recogido al menos el parámetro, pero tampoco llega nunca ahí.


Es un fastidio, porque un parámetro sí que logro pasar, pero no consigo pasar más de uno....


Muy agradecido Si se te ocurre algo más.... Seguiré bicheando.

[sloy]

Bueno, a ver si conseguimos solucionarlo por fin. Esta vez a primera vista no he visto ningún motivo por el debería fallar el código. Así que he descargado la librería Prototype, y he copiado tu código javascript (reduciéndo un poco lo que me sobraba) para probarlo, y efectivamente se comporta como dices.

Lo que te decía anteriormente de Firebug es importante, porque gracias a él he encontrado el problema. El error concreto que me daba era:
" this.initialize is undefined " -- prototype.js (línea 89)
Es decir, da error en el propio código de Protoype. Como es algo bastante raro, he buscado en Google el problema y me encontré con esto:
http://groups.google.com/group/rubyonrails-spinoffs/browse_thread/thread/048a9062a0387de0?pli=1

Como comentan ahí, necesitas poner la palabra "new" en el Ajax.Request de forma que en vez de:

Código Javascript:

ajaxRequest = Ajax.Request(
 

tengas:

Código Javascript:

new Ajax.Request(
 

Así lo he probado y el código se ejecuta entero.
Prueba con eso, a ver.

[Salami]

Quŕ crack!!

Al final ha salido. Aparte de lo que mencionas he retocado algunas cosas más como me ha parecido y terminó saliendo. Copio y pego el código por si a alguien le interesa:

Recojo con Ajax los datos del formulario y los paso a otra página PHP que los insertará:

Código Javascript:

function insertar(){
                
                param = 'nombre='+$F('nombre');
                param = param+'&apellido1='+$F('apellido1');
                param = param+'&apellido2='+$F('apellido2');
                param = param+'&dni='+$F('dni');
                param = param+'&usuario='+$F('usuario');
                param = param+'&password='+$F('password');
                param = param+'&id_departamento='+$F('id_departamento');
                param = param+'&id_seccion='+$F('id_seccion');
                
                            
                url = "inserta_usuario.php";
                
                ajaxRequest = new Ajax.Request(
                
                    url,
                    {
                    
                        method: 'GET',
                        parameters: param,
                        asynchronous: true,
                        onComplete: insertaUsuario
                    
                    });
    
            
            }
 

Página en PHP que los inserta:

Código PHP:

<?PHP
    $server = 'localhost';
    $usuario = 'root';
    $password = '';
    $bbdd = 'AJAX';
    
    $resultado = "mal";
        
    $con = MYSQL_connect($server, $usuario, $password)
                or die ("Error de conexión");
    
    MYSQL_select_db($bbdd, $con)
                or die ("Error de selección");
    
    $query = sprintf("INSERT into usuarios 
                                            (nombre, apellido1, apellido2, dni, usuario, password, id_departamento, id_seccion)
                                            values ('%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s')", 
                                            MYSQL_real_escape_string($_GET['nombre']),
                                            MYSQL_real_escape_string($_GET['apellido1']),                                           
                                            MYSQL_real_escape_string($_GET['apellido2']),
                                            MYSQL_real_escape_string($_GET['dni']),
                                            MYSQL_real_escape_string($_GET['usuario']),
                                            MYSQL_real_escape_string($_GET['password']),
                                            MYSQL_real_escape_string($_GET['id_departamento']),
                                            MYSQL_real_escape_string($_GET['id_seccion'])
                                            );
                                            
    
        
                    
    MYSQL_query($query) or die (mysql_error());
    
    
    
?>
 

Siempre he usado la función MYSQL_query de la forma:

Código PHP:

$variable = MYSQL_query($query) or die (mysql_error());
 

En esta ocasión he eliminado la variable y todo va bien. Imagino que para los insert no se necesita...


Bueno pues todo un placer y una hazaña por suspuesto sloy! Muy agradecido, en serio.

Un saludo.

[sloy]

Nada, pues me alegro de que al final todo haya acabado bien. Sí que ha sido un reto interesante para mi, que también empiezo con Ajax.

Un saludo, ¡y más suerte en el futuro !

[Salami]

Yo también recien empiezo, la verdad es que parece el futuro y hay que saber aplicarlo a bases de datos.

Somos novatos hasta en el foro, llevamos los mismos mensajes :P

Nos leemos ;)