有关文件上传 非ajax提交 得到后台数据问题


Posted in Javascript onOctober 12, 2016

下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示;

<form name="configForm" id="configForm" method="post" action="" >
..........
</form>

根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美。

但是如果需要上传文件,

<tr>
<td class="fontSize">请选择文件:</td>

<td><input type="" class="easyui-filebox" id="fileImport" name="file" value="" style="width:300px;"></td>
</tr>

这个文件数据后台得不到,表单数据这个file也是null,这时需要

<form name="configForm" id="configForm" method="post" action="" enctype="multipart/form-data" >

添加的这个enctype="mutipart/form-data" 后台可以

@RequestMapping("/saveAppVersion")
@ResponseBody
public ModelMap saveAppVersion(String action, TbdAppVersion tbdAppVersion,


@RequestParam(value = "file") MultipartFile file) {....
}

接收。

但是必须要表单提交请求数据,ajax仍然不行(具体原因可以百度。。)

<form name="configForm" id="configForm" method="post" action="/admin/systemConfig/saveAppVersion.do" enctype="multipart/form-data">
......
</form>

easyui里面的js submit提交

handler : function() {
$("#configForm").submit();
}

那么问题来了,提交过后如何获得后台返回数据呢?

<form name="configForm" id="configForm" method="post" action="/admin/systemConfig/saveAppVersion.do"


enctype="multipart/form-data" target="myIframe"> 。。。。。 </form>
<iframe name="myIframe" id="if_json" style="display:none">
</iframe>

在表单里添加一个target,也就是说提交成功返回的数据写在了name为myIframe的这个iframe中,只刷新这个iframe,接下来就是获得这个数据了,

虽然百度不是什么好鸟,但是有些东西还是可以找到的,比如以下获取iframe数据的方法!

handler : function() {
$("#configForm").submit();

$("#if_json").load(function(){//获取iframe中的内容

var body = $(window.frames['myIframe'].document.body);

var data = eval('(' + body[0].textContent + ')'); 


if(data.resultCode && data.resultCode != 0){


  .........


}else{




 .........




}

});
}

以上所述是小编给大家介绍的有关文件上传 非ajax提交 得到后台数据问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
javascript 内置对象及常见API详细介绍
Nov 01 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
jquery动态创建div与input的实例代码
Oct 12 #Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 #Javascript
jquery动态添加文本并获取值的方法
Oct 12 #Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
微信小程序 生命周期详解
Oct 12 #Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 #Javascript
Angularjs手动解析表达式($parse)
Oct 12 #Javascript
You might like
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
全国中波电台频率表
2020/03/11 无线电
php中文验证码实现示例分享
2014/01/12 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
php实现基于openssl的加密解密方法
2016/09/30 PHP
javascript 函数参数限制说明
2010/11/19 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[49:02]KG vs Infamous 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
YUV转为jpg图像的实现
2019/12/09 Python
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
大学生大二自我鉴定
2013/10/28 职场文书
4s客服专员岗位职责
2013/12/01 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
JavaScript 定时器详情
2021/11/11 Javascript