Solución Formulario con Jquery + AJAX +PHP

[neglivv]

Tanto googlear encotré una solución a mi problemita con el formulario , el cual pueden ver acá:
[URL="http://www.forosdelweb.com/f77/formulario-jquery-php-ajax-930834/"]http://www.forosdelweb.com/f77/formulario-jquery-php-ajax-930834/[/URL]
[URL="http://www.forosdelweb.com/f127/envio-datos-php-con-formulario-jquery-930518/"]http://www.forosdelweb.com/f127/envio-datos-php-con-formulario-jquery-930518/[/URL]

Y bueno, aca comparto con ustedes la solucion, la cuestion era hacer uso de Ajax para enviar los datos del formulario y mostrar al usuario (sin recargar la pagina) si estaba registrado o no. Lo que hice fue agregar en el head:

Código HTML:

 <script> 
		function verificar(){ 
			var form1 = $('#form1');
			var vars = form1.serialize(); //en vars se guardan los datos del formulario, en mi caso name y password
		   $("#final").fadeOut("slow"); //final es un div donde se mostrara el mensaje de error al usuario
		   $.ajax({
		   type: "POST",
		   contentType:"application/x-www-form-urlencoded", 
		   url:"login.php", //Archivo donde se hace la consulta a la base de datos para verificar si existe el usuario
		   data:vars,
		   success:function(msg){ 
			  $("#final").fadeIn("slow",function(){ 
		   $("#final").html(msg); 
		   }) 
		   }}) 
		}
	</script> 

y el boton del formulario es asi:

Código HTML:

<input type="submit" value="Entrar" style="width: 140px" onClick="javascript:verificar()"/> 

Ayer no sabia nada de nada acerca de ajax y jquery... y hoy aprendi un poquito
Espero les sirva y les guste! Cualquier recomendacion Bienvenida sea!!!

[Ximenitaa]

Ojala todos fueran como tu, que gustan de aprender y aparte de eso dan la solucion, es algo que en el foro de php he comentado que siempre den la solucion a su problema, asi varios aprendemos mas y no repetimos preguntas ..........

En hora buena y exito !!!

[neglivv]

Muchas gracias!!!

[kaman10]

Muchas gracias por el aporte y comparto lo que dice Ximenitaa, yo personalmente cuando lo soluciono con ayuda de ustedes, muestro la solucion a todos.

[Nicob]

Neglivv tengo una pregunta.

cuando haces

Código Javascript:

$("#final").html(msg);
 

1.- ¿Msg ya lo definiste en otra variable?

2.- al escribir $(algo).html(var) estás indicando que se muestre contendio?


Saludos y Gracia :D

[neglivv]

Iniciado por Nicob

Neglivv tengo una pregunta.

cuando haces

Código Javascript:

$("#final").html(msg);
 

1.- ¿Msg ya lo definiste en otra variable?

2.- al escribir $(algo).html(var) estás indicando que se muestre contendio?


Saludos y Gracia :D

Hace tiempo que no entraba a foros del web y no habia leido este mensaje
Espero que no sea tarde... aunque lo dudo mucho
Como sea:
$("#final").html(msg);
2.- R: la funcion html sirve para asignar el contenido que esta en msg al primer elemento de la pagina cuyo id = "final"
1.- R: en el caso de AJAX se usa .html(msg), donde en msg se guarda la respuesta enviada por el servidor, si uno lo desea se puede colocar otro nombre, por ejemplo: .html(data)...
Espero ayude de algo