有关文件上传 非ajax提交 得到后台数据问题
时间：2021-04-28 08:07:48|栏目：JavaScript代码|点击： 次
下文给大家介绍文件上传非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{
.........
}
});
}
上一篇：推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
栏 目：JavaScript代码
下一篇：AJAX 用户注册时的应用实例
本文地址：http://www.codeinn.net/misctech/110667.html
