Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Como enviar formularios sin recargar la pagina

Estas en el tema de Como enviar formularios sin recargar la pagina en el foro de Frameworks JS en Foros del Web. Buenas, quisiera saber como hago para enviar un formulario sin recargar la pagina... quiero que guarde unos datos del formulario en mysql para hacer un ...
  #1 (permalink)  
Antiguo 02/10/2010, 20:28
 
Fecha de Ingreso: mayo-2010
Mensajes: 109
Antigüedad: 14 años, 6 meses
Puntos: 0
Como enviar formularios sin recargar la pagina

Buenas, quisiera saber como hago para enviar un formulario sin recargar la pagina...

quiero que guarde unos datos del formulario en mysql para hacer un chat...

Gracias a todos
  #2 (permalink)  
Antiguo 03/10/2010, 10:02
Avatar de egepe  
Fecha de Ingreso: diciembre-2009
Mensajes: 310
Antigüedad: 15 años
Puntos: 7
Respuesta: Como enviar formularios sin recargar la pagina

En lugar de un boton, deberías colocar en tu formulario un evento onsubmit (no recuerdo cuál otro en este momento) al que debe asociar una función que luego de cargar el "XMLHTTP" y valides llames a un programa php con open.

dentro de ese php haces lo que quiereas con los datos y listo....


tu_ajax.open("GET", "tu_aplicacion.php?param1="+valor1+"&param2="+valo r2....+"&paramN="+valorN);

Saludos
  #3 (permalink)  
Antiguo 05/10/2010, 16:17
 
Fecha de Ingreso: octubre-2009
Ubicación: Merida Yucatan
Mensajes: 93
Antigüedad: 15 años, 2 meses
Puntos: 2
Respuesta: Como enviar formularios sin recargar la pagina

yo uso Jquery Ajax y utilizo post
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
function guarda_con_ajax()
{
$.post("archivo_php_querecibe_variables.php",{mi_v ariable_1:document.getElementById("campo1").value, mi_variable_2:document.getElementById("campo1").va lue},function(s){alert("dato_guardado")});
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<label for="textfield"></label>
<input type="text" name="campo1" id="campo1" />
<input type="text" name="campo2" id="campo2" />
<input type="button" name="button" onclick="guarda_con_ajax();" id="button" value="Enviar" />
</form>
</body>
</html>

Etiquetas: mysql, recargar, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:58.