Foros del Web » Programando para Internet » PHP »

Enviar formulario y recoger datos dentro de un div de ajax

Estas en el tema de Enviar formulario y recoger datos dentro de un div de ajax en el foro de PHP en Foros del Web. Hola amigos, Tengo un problema que es el siguiente: Cargo en una página un menú de opciones y al hacer click en cada opción carga ...
  #1 (permalink)  
Antiguo 31/07/2014, 10:45
 
Fecha de Ingreso: julio-2014
Mensajes: 18
Antigüedad: 5 años, 4 meses
Puntos: 0
Enviar formulario y recoger datos dentro de un div de ajax

Hola amigos,

Tengo un problema que es el siguiente:

Cargo en una página un menú de opciones y al hacer click en cada opción carga en un DIV un fichero llamado por ajax mediante jquery. Cuando hago un llamado a un fichero normal lo hace sin problemas, pero...

Cuando cargo en este div por ajax un fichero que contiene un formulario, necesito enviarlo y recibirlo en este mismo fichero, soy incapaz de enviar los datos y recogerlos.

La función la cargo en la pagina "madre" y es esta:

function cargar(url){
$.ajax({
type: "POST",
url:url,
success: function(datos){
$('#div_resultados').html(datos);
}
});
return false;
}

Y en el formulario lo que hago es llamar a la función en el form:

onSubmit="return cargar('formulario.php');"
  #2 (permalink)  
Antiguo 31/07/2014, 14:57
Avatar de Patriarka  
Fecha de Ingreso: enero-2011
Ubicación: Moreno, Buenos Aires, Argentina
Mensajes: 2.851
Antigüedad: 8 años, 10 meses
Puntos: 288
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

lo ideal es que cuando cargas el form por ajax,
y haces click en el submit , estos datos se envien a otra pagina que recibe los datos y los procesa y te devuelve una respuesta.

lo que vos queres hacer se puede pero NO te lo voy a enseñar por que es algo inmantenible
  #3 (permalink)  
Antiguo 31/07/2014, 17:56
 
Fecha de Ingreso: diciembre-2012
Mensajes: 69
Antigüedad: 7 años
Puntos: 0
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

JS>>>>>
function cargar(url){
$POST = {};
$POST['entra_ajax'] = "ENTRA";
$.ajax({
type: "POST",
url:url,
data:$POST,
success: function(respuesta_ajax){
alert(respuesta_ajax)
}
});
return false;
}


HTML EN BOTON >>>
input type="button" onclick = "cargar('pagina.php');">


PHP pagina.php>>>
if($_POST['entra_ajax']=='ENTRA'){
echo "TRABAJAR DESDE OTRO ARCHIVO, ENVIANDO RESPUESTA EN ALERT!!!";
exit();
}
  #4 (permalink)  
Antiguo 01/08/2014, 09:06
 
Fecha de Ingreso: julio-2014
Mensajes: 18
Antigüedad: 5 años, 4 meses
Puntos: 0
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

Gracias Yonineitor

Pero sigo con el mismo problema, no recibo los datos del formulario, osea, por lo que entiendo al llamar al ajax con el "type: POST"l, la función envia los datos del formulario.

He creado una página nueva que se llama "recibe_forms.php"

En el botón de la página original donde imprimo el formulario caqrgo la función de cargar("recibe_forms.php")

Y en la página de "recibe_forms.php" he puesto esto para ver si recibe los datos del formulario:

PHP pagina.php>>>
if($_POST['entra_ajax']=='ENTRA'){
echo $_POST["nombre"];
exit();
}

debería imprimirme el valor del campo "nombre", pero no imprime nada. No se si entendí bien o estoy haciendo algo mal... :(

Última edición por florenmadrid; 01/08/2014 a las 09:14
  #5 (permalink)  
Antiguo 01/08/2014, 15:40
 
Fecha de Ingreso: julio-2014
Mensajes: 18
Antigüedad: 5 años, 4 meses
Puntos: 0
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

Como recordaba que era habitual en este foro que hacia tiempo que no regresaba a el, los problemas en su mayoría te los tienes que resolver solo (Por eso lo deje y por eso lo vuelvo a dejar ahora, sigue siendo la misma mierda y nunca me aporto nada antes y veo que sigue igual)

Por si sirve a alguien, la solución es crear una función en javascript asi:

///JAVASCRIPT

function cargarform(url){
$(document).ready(function (){
$.ajax({
type: "POST",
url: url,
data: $('#_nombre_del_form').serialize(),
success: function(datos) {
$('#div_resultados').html(datos);
}
});
})
return false;
}

////JAVASCRIPT
  #6 (permalink)  
Antiguo 01/08/2014, 16:09
Avatar de Djoaq  
Fecha de Ingreso: septiembre-2012
Ubicación: Barcelona
Mensajes: 271
Antigüedad: 7 años, 2 meses
Puntos: 38
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

Si escribieras en donde toca igual te hubiesen respondido antes !

Tal vez en el Hilo de JQUERY en vez de PHP ...
  #7 (permalink)  
Antiguo 01/08/2014, 16:24
 
Fecha de Ingreso: julio-2014
Mensajes: 18
Antigüedad: 5 años, 4 meses
Puntos: 0
Respuesta: Enviar formulario y recoger datos dentro de un div de ajax

¿El hilo de JQUERY? Pues por mas que he buscado no he visto yo un foro dedicado a JQUERY, lo mismo es un foro privado solo visible para los "gurus" del foro...

Etiquetas: ajax, formulario, html, recoger
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 04:58.