Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/06/2011, 13:09
maue75
 
Fecha de Ingreso: noviembre-2008
Mensajes: 288
Antigüedad: 16 años
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