from表單實現無跳轉上傳檔案,接收頁面後台資料

2021-09-07 15:12:43 字數 1982 閱讀 1330

實現無跳**送表單資料、檔案,並能接收後台返回的資料。

主要技術要點:

1、form表單新增target屬性,指定乙個iframme的name;form表單提交後在iframe內嵌視窗接受響應,主頁面就不會再跳轉

2、同時,我們需要接收知道後台返回的資料以便我們的業務處理,這裡讓後台返回乙個帶有執行乙個函式的script標籤

(target屬性值:當target指定的name不存在時,那麼會新開乙個window.name為該name值的視窗。之後的每次提交都會到這個視窗來,如果關閉了此視窗,那麼再次提交時還是會新開啟視窗的。)

">  注意:請選擇xml檔案

/*

* * 資料匯入 */

public

void

importdo()

else

}this.msg=result_success;

log.info(

"資料匯入成功!");

inputstream.close();

} catch

(exception e)

finally

);stringbuilder sb=new stringbuilder(););

print(sb.tostring());log.info(

"記錄操作到日誌表-end-返回資料

在提交上傳檔案之前:,是不會有的。

其中window.parent就表示隱藏的iframe的父級,在父級裡面去呼叫setmessage函式。當然你這個setmessage函式得在父級區域有定義,否則會報:window.parent.setmessage is not a function 的錯誤。

主要是後台傳值得傳乙個這樣的資料來:res.send('');

stringbuilder sb =new stringbuilder();

print(sb.tostring());

還有一種方法:利用jquery-form的ajaxform方法也可以獲取到後台傳的資料。

參考之前寫的這篇部落格:通過form表單上傳檔案獲取後台傳來的資料

from表單實現無跳轉上傳檔案,接收頁面後台資料。

本文基於我剛寫的進行了簡單的擴充套件,實現頁面無跳轉表單資料提交,並接收後台返回的資料。index.html doctype html html lang en head meta charset utf 8 title title title head body form action uploa...

使用 js 實現 多表單 無重新整理 上傳檔案

對於web,一說到無重新整理,第乙個想到的就是ajax。不過這次是需要上傳檔案,ajax也無能為力了。因為ajax是以字串的形式與後台互動的。本來找了幾個jquery的外掛程式,但是由於這次頁面上有多個form,而這些form也是用ajax動態生成的,於是像ajaxfileupload jquery...

java實現web檔案無重新整理上傳

最近在熱門主題之家 做如何實現檔案上傳的相關工作,查閱了很多資料,發現網上寫的都不是很直觀,且除錯複雜,經實驗成功。把form的target設為頁面裡乙個看不見的iframe,這樣上傳時候就不會重新整理頁面了,比如 後台方法 如下 設定檔案實際儲存的目錄 string userdir dir fil...