ajax提交表单和文件上传

说明

1. 文件上传用到就jar包
   mavne依赖

    <dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.3.2</version>
    </dependency>

1. 使用了jquery.form.js

遇到的坑啊，解决了，没想到昨日又遇到了坑！

之前是用easyUI框架使用ajax异步上传文件，然后这次没用easyUI导致js代码错误，在网上搜到一个答案…

一

**此方法是【$(‘#form’).form(“submit”,{……});】
这是easyui中的写法，如果要使用这种形式提交form表单，需要引入easyUI，即【jquery.easyui.min.js】。**

function save(){
    $('#myform').form('submit',{
        onSubmit:function(){        
            $("#myform").ajaxSubmit({
                type:"POST",
                url:"addGoods.action",
                dataType:"JSON",
                success:function(data){
                    if(data.code==1){
                        alert("成功");
                    }else{
                        alert("失败！ "+data.msg);
                    }
                } 
            }); 
        }
    });
}

所以！以上方式失效！

二

接下来发现这段代码

$("#button").click(function() {
    //alert(666);
    $('#myform').ajaxForm({  
        type:'POST',
        url:'addGoods.action',
        dataType: 'JSON'


    }); 
});

看到有人成功了，但是为啥我的ajaxForm还是报错？问题截止到现在还未找到…

三

function save(){
    var option= {
            url:'addGoods.action',
            data: $('#myform').serialize(),
            type : 'POST',
            dataType : 'json',
            success : function(data) {
                if(data.code==1){
                    alert("成功！");
                    //清空表单数据
                    $('#myform')[0].reset();   
                }
            }
    };
    $("#myform").ajaxSubmit(option);
    return false;
}

终于成功了！ajaxSubmit这个函数没问题，上传解决