Ajax提交form表單

標籤：log   ast   end   inpu   top   ring   檔案   commons   mile   

FormData，就是這個，再也不用寫一堆js了。

var form = new FormData($("#importForm")[0]); //這裡為什麼要有個[0]呢？ 我也不知道 瀏覽器控制台會報錯Unexpected end of JSON input，當時這裡卡了好久，大神看到知道的為啥的給說下$.ajax({                    url:"",                    type:"post",                    data:form,                    cache: false,                    processData:false,                    contentType:false,                    success:function(data){                        var boj = JSON.parse(data);                        console.log(boj);                    },                    error:function(e){                        console.log(e);                    }                });

然後就輕鬆傳到後台了

表單裡可以帶檔案，很爽

<form id="importForm" action="" enctype="multipart/form-data" class="form-horizontal">                <div class="control-group">                <div class="controls">                <input type="button" class="btn btn-primary" value="批量下單" onclick="importc()" style="margin-right: 25px;">                <a href="" style="margin-right: 25px;">下載模板</a>                <input type="file" id="file" name="file">                </div>                </div>                </form>

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">        <property name="defaultEncoding" value="UTF-8"></property>        <property name="maxInMemorySize" value="10240000"></property>    </bean>

對了 這裡不能忘了 springMVC要配置一下

Ajax提交form表單