Comunidad de diseño web y desarrollo en internet online

duda con formulario en jquery

Citar            
MensajeEscrito el 26 Abr 2011 10:12 pm
Hola amigos tengo una duda con jquery lo que pasa es que tengo una pagina en html desde la cual manejo dos divs el primero esta a la izquierda y es un menu y el de la derecha lo ocupo para mostrar diferentes paginas html según lo que elijan en el div menu esto lo hago con jquery.
Ahora el problema es que en una pagina de las que mando a traer con jquery es un formulario y lo que quiero es que al darle click al botón enviar se mande la información a un .php que esta en el servidor y me salga un mensaje que diga información guardada todo esto de manera asincrona es decir sin salir de la pagina inicial. El .php del servidor recoge la información del formulario y lo guarda en una bd esto también ya lo hace el problema es que no me esta haciendo el envio de la información de forma asíncrona, cuando le doy al botón enviar el submit manda los datos al servidor y el explorador me manda a la pagina .php. En conclusion no se como decirle al jquery que el form que tiene el submit viene de otra pagina la cual se cargo en el div derecho llamado (#secciones).
Lo he intentado:
$(document).ready(eventos);
function eventos(){
$("#Registro_alumno").submit(enviardatos);
}

también

$(document).ready(eventos);
function eventos(){
$("#contenedor #secciones #Registro_alumno").submit(enviardatos);
}
y nada, esto lo hago desde un .js externo, manejo un menu desplegable que llama a las demas paginas con jquery y las llamadas si las hace asincronas por lo que todo lo hago bien el problema es que no se como indicarle que el form viene de una pagina externa cargada en el div #secciones que a su ves esta en un div #contenedor.
La función manejadora del submit esta en otro .js y es la siguiente:
function enviardatos(){
var url = $(this).attr("action");
var datos = $(this).serialize();
$.post(url,datos,respuesta);
alert("se enviaron los datos por ajax");
}

function respuesta(datos){
$("#resultado").html(datos);
return false;
}
Desde la pagina html inicial cargo a los 3.js con:
<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="index.js" type="text/javascript"></script>
<script src="funciones.js" type="text/javascript"></script>
Manejo 3 por el jquery y los otrso dos serian el modelo y el controlador ya saben para que sea mas claro todo (MVC).
Espero sus prontas respuestas y de antemano muchas gracias

Por cesar1824

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Abr 2011 01:25 pm
No uses un input type="submit" en el formulario. Usa un:

Código HTML :

<input type="button" onClick="enviardatos(); return false;" value="Enviar" />

Porque si usas type="submit" es el navegador el que hace el envio y no tu función, y por lo tanto el envío no es mediante AJAX.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 28 Abr 2011 12:19 am
mmm creo esa respuesta no me sirve ya que estoy ocupando jquery.
Si tienenotra respuesta se los agradeceria

Por cesar1824

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Abr 2011 08:17 am
Esa respuesta te sirve, uses o no Jquery.

Saludos

Por neisserian89

65 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 May 2011 06:23 pm
alguien estaría dispuesto a darle una checada a mi proyecto??
es que me urge terminarlo y nadamas no se puede mi correo es kayser.fb@hotmail por si alguien me puede ayudar se lo agradeceré infinitamente

Por cesar1824

3 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.