手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >有关文件上传 非ajax提交 得到后台数据问题
有关文件上传 非ajax提交 得到后台数据问题
摘要:下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示;..........根据id获得表单数据然后发送ajax请求,...

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

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

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

但是如果需要上传文件,

<tr> <td>请选择文件:</td> <td><input type="" id="fileImport" name="file" value=""></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"> </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提交 得到后台数据问题,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对查字典教程网的支持!

【有关文件上传 非ajax提交 得到后台数据问题】相关文章:

js获取变量

popdiv

简单谈谈javascript中this的隐式绑定

JavaScript中的this机制

Bootstrap基础学习

JavaScript AOP编程实例

用NODE.JS中的流编写工具是要注意的事项

js光标定位文本框回车表单提交问题的解决方法

AngularJS学习笔记之基本指令

一些有关检查数据的JS代码

精品推荐
分类导航