有關(guān)文件上傳 非ajax提交 得到后臺(tái)數(shù)據(jù)問題
下文給大家介紹文件上傳非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();
}
那么問題來了，提交過后如何獲得后臺(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，也就是說提交成功返回的數(shù)據(jù)寫在了name為myIframe的這個(gè)iframe中，只刷新這個(gè)iframe，接下來就是獲得這個(gè)數(shù)據(jù)了，
雖然百度不是什么好鳥，但是有些東西還是可以找到的，比如以下獲取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ù)問題，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- jQuery插件AjaxFileUpload實(shí)現(xiàn)ajax文件上傳
- 基于HTML5 Ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條
- js HTML5 Ajax實(shí)現(xiàn)文件上傳進(jìn)度條功能
- 基于HTML5 Ajax文件上傳進(jìn)度條如何實(shí)現(xiàn)（jquery版本）
- 基于ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條
- 原生JS封裝ajax 傳json，str，excel文件上傳提交表單(推薦)
- Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
- asp.net 模擬提交有文件上傳的表單(通過http模擬上傳文件)
相關(guān)文章
js 遞歸json樹實(shí)現(xiàn)根據(jù)子id查父id的方法分析
這篇文章主要介紹了js 遞歸json樹實(shí)現(xiàn)根據(jù)子id查父id的方法,結(jié)合實(shí)例形式分析了JavaScript遞歸遍歷json進(jìn)行數(shù)據(jù)查詢的相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了js對(duì)象的復(fù)制繼承用法,以一個(gè)較為簡單的實(shí)例分析了js對(duì)象復(fù)制繼承的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
JavaScript如何判斷input數(shù)據(jù)類型
這篇文章主要介紹了JavaScript如何判斷input數(shù)據(jù)類型,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
使用Vue3實(shí)現(xiàn)一個(gè)Upload組件的示例代碼
這篇文章主要介紹了使用Vue3實(shí)現(xiàn)一個(gè)Upload組件的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
JavaScript判斷對(duì)象、數(shù)組是否包含某個(gè)屬性、某個(gè)值的方法
這篇文章主要給大家介紹了關(guān)于JavaScript判斷對(duì)象、數(shù)組是否包含某個(gè)屬性、某個(gè)值的相關(guān)資料,我們在實(shí)際的開發(fā)過程中,經(jīng)常需要判斷對(duì)象/數(shù)組是否包含某個(gè)屬性或者某個(gè)值,需要的朋友可以參考下2023-09-09
js 實(shí)現(xiàn)的可折疊留言板(附源碼下載)
留言板想必大家都有見過吧，但是可以折疊的卻不是很多，恰好本文提供一個(gè)比較不錯(cuò)的可折疊留言板，感興趣的朋友可以學(xué)習(xí)下2014-07-07
詳解原生JavaScript實(shí)現(xiàn)jQuery中AJAX處理的方法
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)jQuery中AJAX處理的方法,作者根據(jù)jQuery中一些對(duì)AJAX請(qǐng)求的處理方式來用原生API實(shí)現(xiàn),需要的朋友可以參考下2016-05-05
這篇文章主要給大家介紹了關(guān)于怎么使用js計(jì)算當(dāng)前一周的日期的相關(guān)資料,我們可以使用JavaScript的Date對(duì)象來獲取近一周的日期,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例
這篇文章主要為大家介紹了javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要介紹了Javascript 繪制 sin 曲線過程,需要的朋友可以參考下2014-08-08