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这个函数没问题，上传解决