te comento que esta muy bonito tu código y el manejo de ajax pero te recomiendo una funcion genérica como esta: Link
el jquery parsea todo en el form y lo manda por POST a donde indiques. igual puedes agregar el empaquetado en json.
$(document).on("click",'[id^="proceso-save"]', function (event, xhr, settings) {
var id = event.target.id;
var req = 0;
//formarea es el ID asignado al form generico que se utilizara para cargar todos los formulario
var name = $("#formarea").attr("name");
//analisamos si existen input con se requieren estar llenados.
$('#formarea *').filter(':input').each(function(){
if($(this).val() === "" && $(this).attr('required')){req ++;}
});
if(req == 0){
//Metodo para crear y agregar un input mediante javascript y determinar el tipo de escenario que se ejecuta
var input1 = $("<input>").attr("type", "hidden").attr("name", "idprocess").val(id);
var input2 = $("<input>").attr("type", "hidden").attr("name", "idform").val(name);
$('#formarea').append($(input1));
$('#formarea').append($(input2));
event.preventDefault();
//Establecemos el form data
var $form = $("#formarea"),
formData = new FormData(),
params = $form.serializeArray();
// Analisamos los Inputs Files tambien.
var inputs = $("input:file[name^='i_file_']");
$.each(inputs, function (obj, v) {
// Prefix the name of uploaded files with "uploadedFiles-"
// Of course, you can change it to any string
var file = v.files[0];
var name = $(v).attr("name");
formData.append(name, file);
});
//agregamos cada parametro al FormData
$.each(params, function(i, val) {
formData.append(val.name, val.value);
});
//ejecutamos nuestra peticion Ajax
$.ajax({
url: $form.attr('action'),
data: formData,
cache: false,
contentType: false,
processData: false,
type: 'POST',
error: function(xhr,status,error){
//en caso de errores lo soltamos por consola para la depuracion
console.log(error);
},
success: function(response) {
// en caso de Guardado soltamos las respyesta del servidor en la caja de mensajes que estaba oculta
$("#areasmg").html(response);
$("#MsgArea").removeClass("").addClass("alert alert-warning alert-dismissable");
$("#MsgArea").show();
//Marcamos que el evento se ejecuto correctamente
EventSuccess(id,name,'Se a Ejecutado Correctamente');
}
});
}else{
alert("Error: Debe llenar todos los Campo, Existen " + req + " campos vacios.");
}
});