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:

    
           
        
               
                 
    
    
        


        

        

            

                Nombre:
                
                Contraseña:
                
                E-mail:
                
                
            
            

                
            

        
    

Codigo JavaScript (serialize()):

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

        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('Resultados:');

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

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