码迷,mamicode.com
首页 > Web开发 > 详细

Ajax提交form表单

时间:2017-08-23 00:32:29      阅读:232      评论:0      收藏:0      [点我收藏+]

标签: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表单

标签:log   ast   end   inpu   top   ring   文件   commons   mile   

原文地址:http://www.cnblogs.com/haarv/p/7414012.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!