Consultar a la BD y que me arroje Mensaje emergente

milafa · #1 (**permalink**) 15/11/2011, 09:19

Señores:

Junto con saludarlos les comento que estoy diseñando un sitio y necesito lo siguiente:

tengo un formulario que hace una consulta a la base de datos y al hacer clik me lista el contenido de la consulta, lo que yo necesito es que al hacer clic en el boton genere una busqueda y que me arroje un mensaje emergente que indique que el dato buscado ya existe y si no haz clic aca, todo en la misma pagina pq como lo tengo yo al hacer clic me lleva a la pagina del action del formulario

espero me ayuden pq he buscado info y la verdad es que no encuentro lo que necesito.

gracias =)

linuxzero · #2 (**permalink**) 15/11/2011, 09:28

Lo podes lograr facil mediante ajax, en el evento success del ajax (que es cuando te devolvio info), verificas si tiene o no información y dependiendo de eso mostras el mensaje emergente con un alert y caso contrario un mensaje de confirm de javascript también y todo esto sin refrescar la página.

Cualquier cosa no dudes en preguntar

Lucky_Sky · #3 (**permalink**) 15/11/2011, 09:29

No se si te he entendido bien, pero supongo que la solución sería mandar los datos a una página que haga la consulta, guarde el resultado en una variable de sesion y al devolver la pagina, te haga un alert() de javascript. algo así como :

Código PHP:

 
formulario.php 
{ 
... 
javascript: function muestra() 
{ 
   <? if (isset($_SESSION['resultado'])) 
        { 
            echo "alert(".$_SESSION['resultado'].");";  
        } 
?> 
} 
<body onload=" 
    <? if (isset($_SESSION['resultado'])) 
         { 
               echo "javascript:muestra()"; 
               unset($_SESSION['resultado']); 
         } 
    ?>"> 
 
 
<form action="consulta.php> 
... 
} 
consulta.php 
{ 
... 
select... 
$_SESSION['resultado']=resultado de la consulta 
header ("Location: formulario.php"); 
}

milafa · #4 (**permalink**) 15/11/2011, 09:32

La verdad es que no se como funciona ajax solo manejo php si tubieras algun codigo donde muestre la consulta en php a la bd y luego como a travez de ajax me muestre ese4 mensaje te lo super agradeceria!!...

gracias=)

milafa · #5 (**permalink**) 15/11/2011, 09:37

lo que tengo es un formulario de inscripcion donde el usuario ingresa su rut y al dar clic en el boton se genera una busqueda de ese rut y si ya esta ingresado en la bd aparece un mensaje tipo "onmouseDown" donde indicara que el rut ya existe.... estoy muy perdida con este tema por fa ayudenme =/

gracias

linuxzero · #6 (**permalink**) 15/11/2011, 09:40

Si te muestro el codigo en jquery se sirve?? porque por javascript puro es medio engorroso y puede que me lleve mas tiempo hacerte un ejemplito.

milafa · #7 (**permalink**) 15/11/2011, 09:47

sii... la idea es poder entender el codigo... asi es que si es mas simple esta genial

;)...

linuxzero · #8 (**permalink**) 15/11/2011, 10:03

Esta es la parte de javascript con jquery:

Código:

$(document).ready(function() {

    $('#formulario').bind('submit', function(event) { // MANEJA EL EVENTO SUBMIT DEL FORMULARIO, #formulario ES EL ID DEL FORMULARIO
        $.ajax({
            url: 'verificar.php', // URL DEL ARCHIVO QUE CONTIENE EL SQL QUE VERIFICA LA EXISTENCIA
            type: 'post', // METODO POR EL CUAL ENVIA LOS DATOS
            dataType: 'json', // METODO POR EL CUAL RECIBE LOS DATOS
            async: false, // SE HACE SINCRONICO PARA PODER EJECUTAR LOS ALERT CORRESPONDIENTES
            success: function(data) { // ESTADO DEL AJAX CUANDO DEVUELVE LOS DATOS DEL PHP, data ES EL QUE CONTIENE EL OBJETO CON LA RESPUESTA
                  if (data.existe) {
                      // SI EXISTE SE PROCEDE A MOSTRAR EL ALERT
                      alert("Ya se encuentra en la base de datos");
                      event.preventDefault(); // CORTA EL SUBMIT
                  } else {
                      // SI NO EXISTE SE PROCEDE A MOSTRAR EL CONFIRM
                     if (!confirm("Desea continuar con la carga?")) {
                           event.preventDefault(); // CORTA EL SUBMIT
                     }
                     // SI PASA POR ACA ES QUE SIGUE CON EL ENVIO DEL FORMULARIO
                 }
            }
        });
    });
});

Ahora el codigo HTML:

Código:

<form id="formulario" method="post" action="ingresar.php">
    <!-- FORMULARIO -->
</form>

Ahora el código PHP:

Código PHP:

  $q = "CONSULTA";
$rlt = mysql_query($q, $linkConexion);

// Se verifica si la consulta obtuvo resultados, si es > 0 es que ya existe en la base y seria para emitir el alert
if (mysql_num_rows($rlt) > 0) {
    $data['existe'] = true;
} else {
    $data['existe'] = false;
}

// Se realiza el encoding para transformarlo a un objeto de json, para manipularlo mas facil en el ajax, este valor es el que en el ajax se evalua en el if (data.existe)
echo json_encode($data);

Avisame cualquier cosa que necesites ;)

Saludos!

milafa · #9 (**permalink**) 15/11/2011, 10:12

revise el codigo y tengo unas dudas.... el codigo de javascript se crea en un archivo js???... y si es asi en que momento se llama a esa funcion... perdona mi ignorancia pero no entiendo mucho esto de javascript.... y se me hace un poco complejo....
atenta a tu respuesta ;)

linuxzero · #10 (**permalink**) 15/11/2011, 10:21

El codigo javascript lo podes tener en otro archivo y lo incluis en el html con el tag <script></script> (si no sabes incluirlo avisame).

Igualmente el codigo js que te pase yo es con jquery, para que te funcione tenes que incluir la libreria de jquery, que es lo mismo que lo anterior pero con la ruta al archivo, que podes utilizar la que te ofrece los mismos desarrolladores de jquery. (si no sabes tambien te ayudo).

la funcion se llama sola cuando "escucha" el evento submit. Es decir que se ejecuta en cuanto le das al boton de enviar o como se llame en tu formulario.

Lo bueno de jquery es que tiene los listeners que te permite agregar acciones a casi todos los elementos html para que se ejecuten en cierto evento.

Cualquier cosa avisme ;)

milafa · #11 (**permalink**) 15/11/2011, 10:33

estoy trabajando con el codigo que mandaste y me aparece este error...

Fatal error: Call to undefined function: json_encode() in c:\phpdev\www\personal\consulta_rut.php on line 26

milafa · #12 (**permalink**) 15/11/2011, 10:49

"gualmente el codigo js que te pase yo es con jquery, para que te funcione tenes que incluir la libreria de jquery, que es lo mismo que lo anterior pero con la ruta al archivo, que podes utilizar la que te ofrece los mismos desarrolladores de jquery. (si no sabes tambien te ayudo)."

oye esta parte no la entendi tampoco.... donde obtengo esa libreria y donde se incluyen??

espero atenta tu respuesta

linuxzero · #13 (**permalink**) 15/11/2011, 11:20

La libreria de jquery la incluis de la siguiente forma dentro de los tags de <head></head>:

Código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

y lo del error de json, puede que no tengas la libreria instalada, o bien no estas usando una version de php >= 5.2.0.
Proba entonces de hacer lo siguiente:

1º - saca el atributo dataType del ajax.
2º - cuando haces esta evaluacion en el ajax if (data.existe), modificalo para que quede así:if (data == 0)
3º - dentro del archivo php dejalo asi:

Código PHP:

  $q = "CONSULTA";
$rlt = mysql_query($q, $linkConexion);

// Se verifica si la consulta obtuvo resultados, si es > 0 es que ya existe en la base y seria para emitir el alert
if (mysql_num_rows($rlt) > 0) {
    echo 1;
} else {
    echo 0;
}

Fijate si con estos cambios funciona..

milafa · #14 (**permalink**) 16/11/2011, 10:59

revise lo ultimo que me enviaste y ocurre que al hacer clic en el boton me envia a la pagina de consulta (la php) y aparece si esta en la base de datos un 1 y si no un 0, es decir, como que no pesca los alertas del ajax... =/

ojala estes para que me sigas ayudando

linuxzero · #15 (**permalink**) 16/11/2011, 11:32

Postea el codigo php y js de como lo tenes ahora, asi lo puedo seguir mejor

milafa · #16 (**permalink**) 16/11/2011, 12:27

oye estuve viendo y me di cuenta que tengo el php 4.3.2.... actualizare el php y te aviso ya??... oye de verdad muchas gracias por tu paciencia y buena dispocision para ayudarme ;)

linuxzero · #17 (**permalink**) 16/11/2011, 12:39

Dale no hay problemas, lo que necesites no dudes en preguntar ;)

milafa · #18 (**permalink**) 16/11/2011, 13:06

actualice el php y ocurre que cuando al formulario le ingreso un rut, me redirecciona a la pagina del php y me aparece un mensaje que dice {"existe":true}

este es el codigo:

para la pagina del formulario

prueba.php

<html>
<head>

Código Javascript:

Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
 
 
<script language=Javascript> 
$(document).ready(function() {
 
$('#formulario').bind('submit', function(event) { // MANEJA EL EVENTO SUBMIT DEL FORMULARIO, #formulario ES EL ID DEL FORMULARIO
        $.ajax({
            url: 'consulta_rut.php', // URL DEL ARCHIVO QUE CONTIENE EL SQL QUE VERIFICA LA EXISTENCIA
            type: 'post', // METODO POR EL CUAL ENVIA LOS DATOS
           dataType: 'json', // METODO POR EL CUAL RECIBE LOS DATOS
            async: false, // SE HACE SINCRONICO PARA PODER EJECUTAR LOS ALERT CORRESPONDIENTES
            success: function(data) { // ESTADO DEL AJAX CUANDO DEVUELVE LOS DATOS DEL PHP, data ES EL QUE CONTIENE EL OBJETO CON LA RESPUESTA
                  if (data.existe) {
                      // SI EXISTE SE PROCEDE A MOSTRAR EL ALERT
                      alert("Ya se encuentra en la base de datos");
                      event.preventDefault(); // CORTA EL SUBMIT
                  } else {
                      // SI NO EXISTE SE PROCEDE A MOSTRAR EL CONFIRM
                     if (!confirm("Desea continuar con la carga?")) {
                           event.preventDefault(); // CORTA EL SUBMIT
                     }
                     // SI PASA POR ACA ES QUE SIGUE CON EL ENVIO DEL FORMULARIO
                 }
            }
        });
 
</script>

</head>

ACA COMIENZA EL FORMULARIO

Código HTML:

Ver original<body>
 
<form name=formulario method=post action=consulta_rut.php>
<center>    <table border="0">
 
 
<tr>
 
<td><input type=text name=rut_cuenta size=35></td>
    </tr>
 
    </table>
    </center>
<center>
 
<a href="index.php">Cancelar</a> <input type=submit name=ingre value=Aceptar> </center>
    
    </form>
</body>
</html>

para la pagina que realiza la consulta

consulta_rut.php

Código PHP:

Ver original<?php
include("conexion.php");
$dbi = Conectarse();
 
$query=" SELECT RUT FROM CUENTAS";
 
$res=mysql_query($query,$dbi); 
            
if (mysql_num_rows($res) > 0) {
    $data['existe'] = true;
} else {
    $data['existe'] = false;
}
// Se realiza el encoding para transformarlo a un objeto de json, para manipularlo mas facil en el ajax, este valor es el que en el ajax se evalua en el if (data.existe)
echo json_encode($data); 
 
?>

CON ESTE CODIGO OCURRE LO QUE TE DIJE AL COMIENZO DE ESTE MENSAJE.... Y YA DESAPARECE EL ERROR QUE TE COMENTE AYER.... ES DECIR, QUE ME FALTABA ACTUALIZAR PHP.... el problema de ahora es que no me carga las alertas del jquery.... al hacer clic en el boton del formulario en vez de que aparezcan los mensajes me redirecciona a la pagina del consulta_rut.php y aparece este mensaje
"{"existe":true}"

espero haber sido clara =/.... espero atenta

linuxzero · #19 (**permalink**) 16/11/2011, 13:15

Esta mal esta linea:

Código HTML:

Ver original<form name=formulario method=post action=consulta_rut.php>

el action del form es la misma que utiliza la consulta ajax, entonces al submitear el formulario va al php que deberias usar unicamente para realizar la consulta, no para el ingreso de datos entendes?. Por que al entrar a ese archivo luego de submitear te va a imprimir el json_enocode($data) y esto es solo para que se maneje por ajax.

el action del form deberia ser por ejemplo: ingresar.php, el cual va a ir a ese archivo siempre y cuando vos lo confirmes en el popup que te salta del ajax.

milafa · #20 (**permalink**) 16/11/2011, 13:36

perdona linuxzero pero no entendi mucho tu respuesta.... segun lo que entiendo es que el action del form no debe ser el mismo de que utiliza la consulta ajax?? en el formulario consulta_rut.php yo solo hago consultas no estoy ingresando nada ....
oye estoy un poco confundida... osea que debo hacer dos paginas una con lo que me enviaste tu y otra haciendo solo la consulta??... por fa explicame mas claro para poder entender que esto si que es nuevo para mi.... gracias =)

linuxzero · #21 (**permalink**) 16/11/2011, 13:44

Claro, el tema es asi:

Segun entiendo tu idea cuando decis esto:

Cita:

tengo un formulario que hace una consulta a la base de datos y al hacer clik me lista el contenido de la consulta, lo que yo necesito es que al hacer clic en el boton genere una busqueda y que me arroje un mensaje emergente que indique que el dato buscado ya existe y si no haz clic aca, todo en la misma pagina pq como lo tengo yo al hacer clic me lleva a la pagina del action del formulario

Vos al hacer click en el submit de un form necesitas que te busque si ya se encuentra en la base de datos, dependiendo de que si tiene o no te va a mostrar:

en caso de que encuentre: un alert diciendo "encontre cosas".
en caso de que no encuentre: un mensaje de confirm, que te diga, quiere ingresarlo? o algo asi que te permita seguir a otra accion.

Si hasta aca me confundi, avisame, sino sigo con la explicación.

Para lograr esto necesitas 2 archivos: un php para el ajax, que lo unico que hace es validar contra la base de datos a ver si existe o no y otro php aparte que es el que va a realizar la otra accion en caso de no encontrar resultados en la base.

En caso de no necesitar otra accion, sino que solo necesitas mostrar la informacion de que no se encuentra en la base de datos solo cambias en confirm por un alert normal y sacas el action de form listo asi, cuando en el ajax entre por la validacion de que no se encontraron datos en la base no haga absolutamente nada.

Avisame si me equivoque en algo asi modificamos la lógica y listo ;)

milafa · #22 (**permalink**) 16/11/2011, 13:55

ya mira... cree dos paginas .php que son:

consulta_rut.php (esta pagina tiene el codigo que tu me indicaste)

Código PHP:

Ver original<?php
include("conexion.php");
$dbi = Conectarse();
 
$query=" SELECT RUT FROM CUENTAS";
 
$res=mysql_query($query,$dbi); 
            
if (mysql_num_rows($res) > 0) {
    $data['existe'] = true;
} else {
    $data['existe'] = false;
}
// Se realiza el encoding para transformarlo a un objeto de json, para manipularlo mas facil en el ajax, este valor es el que en el ajax se evalua en el if (data.existe)
echo json_encode($data); 
 
?>

y tambien cree otra que se llama

consulta.php (esta solo hace la consulta a la bd)

Código PHP:

Ver original<?php
include("conexion.php");
$dbi = Conectarse();
 
$query=" SELECT RUT FROM CUENTAS";
 
$res=mysql_query($query,$dbi); 
            
$num=mysql_num_rows($res);  
 
?>

y esta es la pagina con el jquery y el formulario....

<html>
<head>

Código Javascript:

Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
 
 
<script language=Javascript> 
$(document).ready(function() {
 
$('#formulario').bind('submit', function(event) { // MANEJA EL EVENTO SUBMIT DEL FORMULARIO, #formulario ES EL ID DEL FORMULARIO
        $.ajax({
            url: 'consulta_rut.php', // URL DEL ARCHIVO QUE CONTIENE EL SQL QUE VERIFICA LA EXISTENCIA
            type: 'post', // METODO POR EL CUAL ENVIA LOS DATOS
           dataType: 'json', // METODO POR EL CUAL RECIBE LOS DATOS
            async: false, // SE HACE SINCRONICO PARA PODER EJECUTAR LOS ALERT CORRESPONDIENTES
            success: function(data) { // ESTADO DEL AJAX CUANDO DEVUELVE LOS DATOS DEL PHP, data ES EL QUE CONTIENE EL OBJETO CON LA RESPUESTA
                  if (data.existe) {
                      // SI EXISTE SE PROCEDE A MOSTRAR EL ALERT
                      alert("Ya se encuentra en la base de datos");
                      event.preventDefault(); // CORTA EL SUBMIT
                  } else {
                      // SI NO EXISTE SE PROCEDE A MOSTRAR EL CONFIRM
                     if (!confirm("Desea continuar con la carga?")) {
                           event.preventDefault(); // CORTA EL SUBMIT
                     }
                     // SI PASA POR ACA ES QUE SIGUE CON EL ENVIO DEL FORMULARIO
                 }
            }
        });
 
</script>

</head>

aca en el formulario le indique en el action consulta.php que es la pagina que te indico que solo genera la consulta.

Código HTML:

Ver original<body>
 
<form name=formulario method=post action=consulta.php>
<center>    <table border="0">
 
 
<tr>
 
<td><input type=text name=rut_cuenta size=35></td>
    </tr>
 
    </table>
    </center>
<center>
 
<a href="index.php">Cancelar</a> <input type=submit name=ingre value=Aceptar> </center>
    
    </form>
</body>
</html>

con estos codigos ocurre que al hacer clic en el submit me redirecciona a la pagina consulta.php y como no tengo ningun echo ni nada me muestra todo blaco ... es decir, que aun no toma los alerts del jquery...

=)

milafa · #23 (**permalink**) 16/11/2011, 14:02

mira te muestro el ejemplo de donde saque la idea... esto es lo que quiero que haga

entra a
www.previred.com

en la parte derecha hay un pequeño formulario de ingreso al sistema y abajo de este hay una opcion que dice "nuevo usuario?, inscribase aqui" da clic ahi y coloca el rut que sale de ejemplo y veras como funcionan los mensajes de alerta... en este caso te dira que el rut es incorrecto pq valida el codigo verificador.... pero cuando colocas un rut que ya esta ingresado aparece de la misma forma un mensaje que dice el rut ya se encuentra registrado y si no te redirecciona al formulario de inscripcion....

haz la prueba con el ejemplo que te di para que veas mas o menos lo que quiero....

quedo atenta ;)

linuxzero · #24 (**permalink**) 16/11/2011, 14:20

Porque no te esta tomando el id del formulario, no se lo pusiste el id en el form

lo tenes asi:

Código HTML:

Ver original<form name=formulario method=post action=consulta.php>

y tiene que ir asi

Código HTML:

Ver original<form id=formulario method=post action=consulta.php>

Solo te falta cambiar el atributo name por el atributo id y listo.
Así como lo tenías el evento bind no lo entendia porque actua sobre el form con id "formulario" y si no esta especificado no hace nada entendes?

Probalo asi y contame

Ahhh, y si podes ponele las comillas a los valores de los atributos, no los dejes asi solos ;)

milafa · #25 (**permalink**) 16/11/2011, 14:37

deje asi el formulario y me redirecciona a la pagina que tiene al action que es consulta.php y no me da los mensajes de alertas =(

Código HTML:

Ver original<form id='formulario' method='post' action='consulta.php'>
<center>    <table border="0">
 
 
<tr>
 
<td><input type=text name=rut_cuenta size=35></td>
    </tr>
 
    </table>
    </center>
<center>
 
<a href="index.php">Cancelar</a> <input type='submit' name=ingre value=Aceptar> </center>
    
    </form>

linuxzero · #26 (**permalink**) 16/11/2011, 14:44

Te falta cerrar 2 veces este tag: }) en la parte de javascript. Seria asi, segun el codigo que me mandaste antes:

Código Javascript:

Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>*
<script language=Javascript> 
$(document).ready(function() {
 
$('#formulario').bind('submit', function(event) { // MANEJA EL EVENTO SUBMIT DEL FORMULARIO, #formulario ES EL ID DEL FORMULARIO
      $.ajax({
            url: 'consulta_rut.php', // URL DEL ARCHIVO QUE CONTIENE EL SQL QUE VERIFICA LA EXISTENCIA
            type: 'post', // METODO POR EL CUAL ENVIA LOS DATOS
            dataType: 'json', // METODO POR EL CUAL RECIBE LOS DATOS
            async: false, // SE HACE SINCRONICO PARA PODER EJECUTAR LOS ALERT CORRESPONDIENTES
            success: function(data) { // ESTADO DEL AJAX CUANDO DEVUELVE LOS DATOS DEL PHP, data ES EL QUE CONTIENE EL OBJETO CON LA RESPUESTA
                  if (data.existe) {
                        // SI EXISTE SE PROCEDE A MOSTRAR EL ALERT
                        alert("Ya se encuentra en la base de datos");
                        event.preventDefault(); // CORTA EL SUBMIT
                  } else {
                        // SI NO EXISTE SE PROCEDE A MOSTRAR EL CONFIRM
                        if (!confirm("Desea continuar con la carga?")) {
                             event.preventDefault(); // CORTA EL SUBMIT
                        }
                       // SI PASA POR ACA ES QUE SIGUE CON EL ENVIO DEL FORMULARIO
                  }
              }
        });
    });
});
</script>

Cambialo y avisame

milafa · #27 (**permalink**) 16/11/2011, 14:52

ok... ahora al hacer clic ya me muestra el mensaje "ya se encuentra en la base de datos" , el problema ahora es que si pongo un rut que esta en la base de datos , que no existe o dejo el campo vacio y hago clic siempre me dice "ya se encuentra en la base de datos" =/... es como que no hiciera la consulta

quedo atenta =)

linuxzero · #28 (**permalink**) 16/11/2011, 14:55

pero modificaste la consulta en php? si la dejaste la consulta SELECT RUT FROM CUENTAS es casi seguro que te traiga que ya se encuentran datos, vos tenes que modificar el sql segun lo que ingresen en el input del formulario, ahi ya esta en vos modificar la consulta para que se haga bien, yo ya no puedo hacer nada en ese caso :D

milafa · #29 (**permalink**) 16/11/2011, 14:57

jajajaja... tienes razon =/.... se me habia ido ese detalle... lo resuelvo y te cuento!! =)

linuxzero · #30 (**permalink**) 16/11/2011, 14:58

dale dale, avisame cualquier cosa ;)