有关文件上传 非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 方法实现返回多个数据的代码
Apr 30 Javascript
JavaScript与DropDownList 区别分析
Jan 01 Javascript
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 Javascript
JavaScript 注册事件代码
Jan 27 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
Mar 25 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
js实现飞机大战小游戏
Aug 26 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 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
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
浅谈php命令行用法
2015/02/04 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
PHP线程的内存回收问题
2016/07/08 PHP
PHP CURL post数据报错 failed creating formpost data
2016/10/16 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
菜单效果
2006/10/14 Javascript
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
2013/03/15 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
JavaScript setTimeout()基本用法有哪些
2020/11/04 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
用python实现的线程池实例代码
2018/01/06 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
在职证明书范本(2014新版)
2014/09/25 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android
Android studio 简单计算器的编写
2022/05/20 Java/Android