长沙web培训
达内长沙侯家塘中心

15017569023

热门课程

关于上传文件得到后台数据问题

  • 时间:2016-10-27 16:21
  • 发布:长沙web培训
  • 来源:web教程

长沙Web前端培训的老师今天给大家讲关于上传文件非ajax提交得到后台数据问题

<form ame="configForm" id="configForm" method="post" action="" >

..........

</form>

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

但是如果需要上传文件,

<tr>

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

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

</tr>

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

<form ame="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 ame="configForm" id="configForm" method="post" action="/admin/systemConfig/saveAppVersion.do" enctype="multipart/form-data">

......

</form>

easyui里面的js submit提交

handler : function() {

$("#configForm").submit();

}

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

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

enctype="multipart/form-data" target="myIframe">。。。。。</form>

<iframe ame="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{

.........

}

});

}

学HTML5开发就到长沙达内HTML5培训班!

上一篇:js页面刷新之实现普通页面
下一篇:HTML5培训:js页面刷新之实现定时刷新

马上预约三天免费体验课

姓名:

电话:

react与redux学习的整理

引用font awesome字体图标

Jquery获得当前标签的名称和标签属性

如何使用grunt压缩js文件

选择城市和中心
贵州省

广西省

海南省