자바 form 폼 에 대한 직렬 화 제출 (file 포함)

1.   form       

var o = {};
    var a = $('#form').serializeArray();//    array  
    alert(a);// json  
    alert(JSON.stringify(a));// json  
    //      array        ajax   json    
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    alert(JSON.stringify(o));// json  1）  

$("#form").data("bootstrapValidator").validate();
            if (!$("#form").data("bootstrapValidator").isValid()) {
                return;
            } else{
                $.ajax({
                    url : createUrl('familyFileNum/fileNum/addfilNum'),
                    type: 'POST',
                    data:$('#form').serialize(),
                    datatype:'json',
                    success : function(msg){
                        if(msg.success){
                            layer.alert(msg.msg,{icon:1},function(){
                                parent.$(".in.active").find("iframe").attr('src', parent.$(".in.active").find("iframe").attr('src'));
                                parent.layer.closeAll();
                            });
                        }else{
                            layer.alert(msg.msg,{icon:2});
                        }
                    },
                    error : function(msg){
                        layer.alert("      ，     ",{icon:5});
                    }
                });
            }

var form = new FormData(document.getElementById("form"));
    $.ajax({
        url : createUrl('familyRegister/addRegister'),
        data : form,
        type : 'POST',
        processData : false,
        contentType : false,
        success : function(msg) {
            if (msg.success) {
                layer.alert(msg.msg, {
                    icon : 1
                }, function() {
                    parent.layer.closeAll();
                    if (parent.$(".in.active").find("iframe").size()) {
                        parent.$(".in.active").find("iframe").attr('src', parent.$(".in.active").find("iframe").attr('src'));
                    } else {
                        parent.window.location.reload();
                    }
                });
            } else {
                layer.alert(msg.msg, {
                    icon : 2
                });
            }
        },
        error : function(msg) {
            layer.alert("      ，           ", {
                icon : 5
            });
        }
    });

$('#form').ajaxSubmit({
                success : function(msg){
                    if(msg.success){
                        layer.alert(msg.msg,{icon : 1},function(){
                            parent.$(".in.active").find("iframe").attr('src', parent.$(".in.active").find("iframe").attr('src'));
                            parent.layer.closeAll();
                        });
                    }else{
                        layer.alert(msg.msg,{icon:2});
                    }
                },
                error : function(msg){
                    layer.alert("      ，           ",{icon:5});
                }
            });