度量快速开发平台-专业、快速的软件定制快开平台

标题: Ajax提交form表单 [打印本页]

作者: Adam丶鱼 时间: 2020-6-23 17:49
标题: Ajax提交form表单
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="批量下单" 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要配置一下

作者: Adam丶鱼 时间: 2020-6-23 17:50

作者: 张兴康 时间: 2020-6-24 14:05

作者: fteair 时间: 2020-6-24 14:08

欢迎光临度量快速开发平台-专业、快速的软件定制快开平台 (http://bbs.delit.cn/)