Serializando formularios HTML con JQuery

Junto a mi regreso a esta comunidad les haré presentación de una de las tantas biblioteca de JavaScript que nos simplificara mucho el uso de esta tecnología llamada JQuery, se ha encontrado presente varios años entre los desarrolladores y diseñadores, partiremos el uso de nuestra queridísima herramienta web con algunas de sus funciones y una en especifica muy útil al momento de procesar un formulario serialize() y serializeArray().

VER EJEMPLO

HTML:



    
           
        Serializando Datos de un Formulario
               
                 
    
    
        

Codigo JavaScript (serialize()):

$(document).ready(function() {
    $("#btn_envio").click(function() {
        $("#resultado").empty();
        $("#resultado").append('');

        var datos = $("#formulario_prueba").serialize();
        $("#resultado").text(datos);

        $('#p_resultado').show();
        return false;
    });
});

Codigo JavaScript (serializeArray()):

$(document).ready(function() {
    $("#btn_envio").click(function() {
        $("#resultado").empty();
        $("#resultado").append('');

        var datos = $("#formulario_prueba").serializeArray();
        jQuery.each(datos, function(i, dato) {
            $("#resultado").append(dato.value + " ");
        });

        $('#p_resultado').show();
        return false;
    });
});

También te podría gustar...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *