异步提交form表单
2017-09-10 00:41
176 查看
<form id='searchform' class="easyui-form" method = "post" enctype="multipart/form-data"> <input id = "" name="financeData" class="easyui-filebox" data-options="required:true,buttonText:'选择文件',accept: 'application/vnd.ms-excel',editable:false" /> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:'true'" onclick="submitData()">导入</a> </p> </form>
提交方法:主要用到FormData
function submitData(){ var form = new FormData(document.getElementById("searchform")); $.ajax({ url:'${pageContext.request.contextPath}/excelImport.do/fianceDataImport', type:"post", data:form, processData:false, contentType:false, success:function(data){ console.log("over.."); }, error:function(e){ alert("错误!!"); } }); }
后台接收输入流
/** * 平台财务数据导入 * @param file * @param request * @param response */ @RequestMapping(value = "/fianceDataImport") public void importProbe(@RequestParam("financeData") MultipartFile file, HttpServletRequest request, HttpServletResponse response) { InputStream inputStream = file.getInputStream(); }
相关文章推荐
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jquery插件jquery.form.js,异步提交表单 1
- Form表单异步提交,不刷新页面
- form表单同步提交和异步提交
- 使用jQuery.form插件,实现完美的表单异步提交
- Jquery.Form 异步提交表单
- 如何在异步提交form的时候利用jQuery validate实现表单验证
- 解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
- 使用jQuery.form插件实现表单异步提交+上传文件
- Android OkHttp3(完美封装)Get异步获取数据、Post异步获取数据、Form表单提交、文件下载
- asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
- 使用jQuery.form插件,实现完美的表单异步提交
- Jquery.Form 异步提交表单的简单实例
- ajax,异步提交form表单,从后台返回值到前端
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- 利用html5 formdata技术将表单整个元素提交给另一个页面,异步刷新当前页面内容
- jQuery异步提交form表单
- 使用jQuery.form插件,实现完美的表单异步提交
- Jquery 异步提交表单有form无form的时候处理方式
- ASP MVC异步提交form表单,Jquery-easyui对话框,表单验证(jquery.validate)