快捷導(dǎo)航

有關(guān)文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)問(wèn)題

更新時(shí)間：2016年10月12日 10:18:03 作者：Teitey

本文給大家介紹關(guān)于文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)的問(wèn)題我們?cè)撛趺刺幚砟?？下文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧

下文給大家介紹文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)的操作方法，具體詳情如下所示；

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

根據(jù)id獲得表單數(shù)據(jù)然后發(fā)送ajax請(qǐng)求，獲得后臺(tái)返回?cái)?shù)據(jù)，處理數(shù)據(jù)，完美。

但是如果需要上傳文件，

<tr>
　　<td class="fontSize">請(qǐng)選擇文件:</td>
　　<td><input type="" class="easyui-filebox" id="fileImport" name="file" value="" style="width:300px;"></td>
</tr>

這個(gè)文件數(shù)據(jù)后臺(tái)得不到，表單數(shù)據(jù)這個(gè)file也是null，這時(shí)需要

<form name="configForm" id="configForm" method="post" action="" enctype="multipart/form-data" >

添加的這個(gè)enctype="mutipart/form-data" 后臺(tái)可以

@RequestMapping("/saveAppVersion")
@ResponseBody
public ModelMap saveAppVersion(String action, TbdAppVersion tbdAppVersion,
　　　　　　@RequestParam(value = "file") MultipartFile file) {....
}

接收。

但是必須要表單提交請(qǐng)求數(shù)據(jù)，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();
}

那么問(wèn)題來(lái)了，提交過(guò)后如何獲得后臺(tái)返回?cái)?shù)據(jù)呢？

<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>

在表單里添加一個(gè)target，也就是說(shuō)提交成功返回的數(shù)據(jù)寫(xiě)在了name為myIframe的這個(gè)iframe中，只刷新這個(gè)iframe，接下來(lái)就是獲得這個(gè)數(shù)據(jù)了，

雖然百度不是什么好鳥(niǎo)，但是有些東西還是可以找到的，比如以下獲取iframe數(shù)據(jù)的方法！

handler : function() {
　　$("#configForm").submit();
　　$("#if_json").load(function(){//獲取iframe中的內(nèi)容
　　var body = $(window.frames['myIframe'].document.body);
　　var data = eval('(' + body[0].textContent + ')'); 
　　　　if(data.resultCode && data.resultCode != 0){
　　　　　 .........
　　　　}else{
　　　　　　　　　.........
　　　　　　　　}
　　});
}

以上所述是小編給大家介紹的有關(guān)文件上傳非ajax提交得到后臺(tái)數(shù)據(jù)問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: