Skip to main content

teTe comento que esta muy bonito tu código y el manejo de ajaxAJAX pero te recomiendo una funcion genérica como esta: Link

el jqueryjQuery parsea todo en el formform y lo manda por POSTPOST a donde indiques. igual puedes agregar el empaquetado en jsonJSON.

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.

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.

Origen Enlace
user46896
user46896

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.");
    }
});