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

error al interceptar el submit de un formulario

Estas en el tema de error al interceptar el submit de un formulario en el foro de Frameworks JS en Foros del Web. Hola a todos, hace rato le estoy dando vueltas a esto y no encuentro la solución. Para poder cargar un formulario, ejecutar un php y ...
  #1 (permalink)  
Antiguo 02/06/2011, 13:09
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años, 1 mes
Puntos: 2
error al interceptar el submit de un formulario

Hola a todos, hace rato le estoy dando vueltas a esto y no encuentro la solución.

Para poder cargar un formulario, ejecutar un php y mostrar sus datos habitualmente hago asi:

$(document).ready(function() {
$('#miFormulario').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#resulado').html(data);
ajaxStop();
},
error: function () {
alert ('error');
}
})
});
})

Pero ahora, quiero hacerle unas modificaciones, para que pueda utilizar esta funcion luego de tener varios formularios, con lo que se me ocurre hacer algo asi:

$(document).ready(function() {
$('#unFormularioCualquiera').submit(function() {
procesarFormulario('unFormularioCualquiera');
});
});


function procesarFormulario(formularioId)
{
formulario=document.getElementById(formularioId);

var la_url = formulario.getAttribute('action');
var data_string = $('#'+formularioId).serialize();

$.ajax({
type: 'POST',
url: la_url,
data: data_string,
success: function(data) {
$('#resultado').html(data);
},
error: function () {
alert ('error');
}
});
}

Pero invariablemente me muestra el alert('error').. y ejecuta el action del form pero con una nueva carga de pagina ¿alguna idea de que debo corregir?? gracias!!

Última edición por maue75; 02/06/2011 a las 14:02
  #2 (permalink)  
Antiguo 03/06/2011, 00:24
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años, 1 mes
Puntos: 2
Respuesta: error al interceptar el submit de un formulario

Bueno, finalmente sería algo mas o menos asi:

$(document).ready(function() {
$('#editar').submit(function() {
pasarFormAPhp('editar','resultadoPhp');
return false;
});
})


function pasarFormAPhp(formularioId, resultadoId )
{
formulario=document.getElementById(formularioId);
var varUrlAction = formulario.getAttribute('action');
var data_string = $('#'+formularioId).serialize();

$.ajax({
type: 'POST',
url: varUrlAction,
data: data_string,
beforeSend: function(){
$('#'+resultadoId).html('loading');
},
success: function(data) {
$('#'+resultadoId).html(data);
},
error: function () {
alert ('error al intentar procesar.');
}
})
return false;
}

Etiquetas: javascript, submit, 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 17:51.