Error en envio de formulario

acumulador · #1 (**permalink**) 18/11/2012, 11:37

Buenos días amigos del foro, esta oportunidad mi problema esta en enviar una variable a una pagina PHP por medio de ajax, me explico:

Necesito validar si un documento esta en una base de datos de mySQL por medio de JQuery y ajax, pero a pesar de todo lo que consulto no me funciona, simplemente no me da, no hace nada; mi codigo es este:

JS

Código:

$(document).ready(function(){
$('#boton').click(function(){
			//$('#info_valida').html('<img src="images/loader.gif" alt="" width="10" height="10" />').fadeOut(1000);
			var ced = $('#ced_encargado').val();
			var dataString = 'doc='+ced;
			//alert("Se va a enviar");
        	$.ajax({	
	            type: "POST",
	            url: "../php/valida.php",
	            data: dataString,
	            //alert("Bien hasta aqui con "+ced);
	            success: function(data) {
	                $('#info_valida').fadeIn(1000).html(data);
	                //alert("Se envio y creo recibio");
	            }
        	});
			$('#enviar').show();
		});
});

Como pueden ver comente unos alert que utilizo para verificar que ingrese a la funcion de ajax y les cuento que nunca entra, solo me da el primer alert, osea antes de entrar al ajax

PHP

Código:

include('conex.php');
//$myCed = $_POST['doc'];
$myCed = $_GET['doc'];

	$sql=mysql_query("select docRectores,nombre_rector,institucion from rectores where docRectores ='$myCed'");
	//$results = mysql_query( $sql) or die('ok');

	$n=mysql_num_rows($sql);

	if($n<1){
		echo 'No esta en la BD';
	}else{
		echo 'Si esta en la BD.';
	}

Espero me puedan brindar su ayuda.
De antemano muchas gracias por su tiempo y colaboración

#2 (**permalink**) 18/11/2012, 11:42

Cita:

Iniciado por acumulador

Buenos días amigos del foro, esta oportunidad mi problema esta en enviar una variable a una pagina PHP por medio de ajax, me explico:

Necesito validar si un documento esta en una base de datos de mySQL por medio de JQuery y ajax, pero a pesar de todo lo que consulto no me funciona, simplemente no me da, no hace nada; mi codigo es este:

JS

Código:

$(document).ready(function(){
$('#boton').click(function(){
			//$('#info_valida').html('<img src="images/loader.gif" alt="" width="10" height="10" />').fadeOut(1000);
			var ced = $('#ced_encargado').val();
			var dataString = 'doc='+ced;
			//alert("Se va a enviar");
        	$.ajax({	
	            type: "POST",
	            url: "../php/valida.php",
	            data: dataString,
	            //alert("Bien hasta aqui con "+ced);
	            success: function(data) {
	                $('#info_valida').fadeIn(1000).html(data);
	                //alert("Se envio y creo recibio");
	            }
        	});
			$('#enviar').show();
		});
});

Como pueden ver comente unos alert que utilizo para verificar que ingrese a la funcion de ajax y les cuento que nunca entra, solo me da el primer alert, osea antes de entrar al ajax

PHP

Código:

include('conex.php');
//$myCed = $_POST['doc'];
$myCed = $_GET['doc'];

	$sql=mysql_query("select docRectores,nombre_rector,institucion from rectores where docRectores ='$myCed'");
	//$results = mysql_query( $sql) or die('ok');

	$n=mysql_num_rows($sql);

	if($n<1){
		echo 'No esta en la BD';
	}else{
		echo 'Si esta en la BD.';
	}

Espero me puedan brindar su ayuda.
De antemano muchas gracias por su tiempo y colaboración

Estas ocupando POST por lo que debes dejarlo asi:

//$myCed = $_GET['doc'];
$myCed = $_POST['doc'];

acumulador · #3 (**permalink**) 18/11/2012, 11:45

Gracias por tu respuesta, pero precisamente comente esa linea por que estaba probando con las dos opciones y no me funciona para nada!!

emprear · #4 (**permalink**) 18/11/2012, 12:26

la función la veo bien, lo más probable es que el evento click lo tengas dentro del form sobre un input type submit ó sobre un <button>enviar</button>, tenés que ponerlo sobre un <input type="button"> ú algún otro que no te genere submit

una prueba sencilla

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('#boton').click(function(){
            //$('#info_valida').html('<img src="images/loader.gif" alt="" width="10" height="10" />').fadeOut(1000);
            var ced = $('#ced_encargado').val();
            var dataString = 'doc='+ced;
            //alert("Se va a enviar");
            $.ajax({    
                type: "POST",
                url: "valida.html",
                data: dataString,
                //alert("Bien hasta aqui con "+ced);
                success: function(data) {
                    $('#info_valida').fadeIn(1000).html(data);
                    //alert("Se envio y creo recibio");
                }
            });
            $('#enviar').show();
        });
});
 
//]]>
</script>
</head>
<body>
<form>
<input type="text" value="" id="ced_encargado">
<input type="button" id="boton" value="envío desde input type button">
<input type="button" id="boton" value="envío desde input type submit">
<button id="boton">Envío desde tag button</button>
</form>
<div id="info_valida"></div>
</body>
</html>

valida.html

Código HTML:

Ver original<html>
    <body>
No está en la BD
</body>
</html>

Saludos

acumulador · #5 (**permalink**) 18/11/2012, 18:54

Hola, muchas gracias por tu tiempo en la respuesta; pero te cuento que el evento clic lo tengo en un div simplemente, no es un button o algo raro, si te cuento que el div que se invoca para el clic de la función para validar esta dentro de un formulario que tiene un submit; no se sí eso sea el error pues he visto varios ejemplos y lo haces muy parecido a como lo tengo. Espero me puedan dar una luz en este enredo.

emprear · #6 (**permalink**) 18/11/2012, 19:21

Como lo he puesto funciona, reproducí el ejemplo, solo hace falta que lo verifiques con tu php

SAludos

acumulador · #7 (**permalink**) 18/11/2012, 20:29

Cita:

Iniciado por emprear

Como lo he puesto funciona, reproducí el ejemplo, solo hace falta que lo verifiques con tu php

SAludos

Hola, de nuevo muchas gracias; te cuento que cambien mi div que funcionaba como boton y me aparece deshabilitado entonces no funciona para nada. Ademas corri tu ejemplo y pasa nada!!

emprear · #8 (**permalink**) 18/11/2012, 21:27

@acumulador, el código que te pasé si funciona, lo que sucede con el tuyo es que no estás pasando correctamente los valores al php,
Si decis que usas un div, tambíen debe de funcionar. Pero te sugiero que uses un submit para evitar problemas si el usuario no tiene habilitado javascript

form.html

Código HTML:

Ver original<!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>
<title>Post Ajax</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    $('#boton').click(function(){
    var ced = $('#ced_encargado').val();
        $.post("valida.php",{ced_encargado:ced},function(data){
        $('#info_valida').fadeIn(1000).html(data);
        });
    });
});
//]]>
</script>
</head>
<body>
    <p>Nombre de usuario registrado: <b>eduardo</b></p>
<form action="procesa.php" method="post">
<input type="text" value="" id="ced_encargado" name="ced_encargado" />
<!-- div id="botonq" style="padding: 5px; margin: 10px 0; background: orange; width: 170px; cursor: pointer;">Envío desde tag div</div -->
<input type="submit" id="boton" onclick="return false;"/>
</form>
<div id="info_valida" style="margin-top:20px;"><!-- mensaje --></div>
</body>
</html>

valida.php

Código PHP:

Ver original<?php
if($_POST['ced_encargado'] == "eduardo"){
echo "existe";
}else{
echo "No existe";   
}
?>

Demo
http://foros.emprear.com/ajax/post2/

Si querés el botón submit lo podés estilizar

acumulador · #9 (**permalink**) 19/11/2012, 18:54

Hola emprear, muchas gracias por tu tiempo. El problema con el boton de submit es que tengo un formulario grande y dentro esta esta validación que requiero antes de enviar los datos a otro archivo PHP. Vi tu ejemplo e intento implementarlo que muestras pero al crear un botón este asume el submit y como te explique así no debe ser, este boton solo debe validar si el usuario existe o no.