有关文件上传 非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 相关文章推荐
用Javascript同时提交多个Web表单的方法
Dec 26 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
js微信分享实现代码
Oct 11 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
详解React项目中碰到的IE问题
Mar 14 Javascript
关于js陀螺仪的理解分析
Apr 11 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 Javascript
Vue Element校验validate的实例
Sep 21 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 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
PHP下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
php 模拟 asp.net webFrom 按钮提交事件实例
2014/10/13 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
IE 条件注释详解总结(附实例代码)
2009/08/29 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
js实现搜索栏效果
2018/11/16 Javascript
vue滚动插件better-scroll使用详解
2019/10/18 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
Python实现LRU算法的2种方法
2015/06/24 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
团组织关系介绍信
2014/01/12 职场文书
公务员转正考察材料
2014/02/07 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
七年级英语教学反思
2016/02/15 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript
用Python生成会跳舞的美女
2022/01/18 Python
nginx刷新页面出现404解决方案(亲测有效)
2022/03/18 Servers