error al interceptar el submit de un formulario

[maue75]

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!!

[maue75]

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;
}