Springmvc加ajax實現(xiàn)上傳文件并頁面局部刷新
1.點擊上傳按鈕進行如下操作，通過表單名稱以及input名稱獲取相應(yīng)的值，對于上傳的文件，使用.files來獲取，
因為包含文件的上傳，所以采用FormData的形式來進行數(shù)據(jù)交互，通過append將數(shù)據(jù)放到fm對象當(dāng)中。
在默認(rèn)情況下，contentType = "application/x-www-form-urlencoded".此內(nèi)容編碼類型滿足大多數(shù)情況。
但是上傳文件時，我們對form的屬性進行如下設(shè)置：contentType = multipart/form-data.在ajax當(dāng)中設(shè)置為false,
是為了避免jquery對其進行操作而對processData 設(shè)置為false,禁止Jquery對DATA數(shù)據(jù)進行更改。
2.上傳成功，處理返回的信息，將模態(tài)框隱藏，并局部刷新展現(xiàn)數(shù)據(jù)的DIV,其中div的內(nèi)容最好作為子頁面嵌入到主頁面當(dāng)中去
3.將數(shù)據(jù)放到list當(dāng)中傳回前臺，并設(shè)置跳轉(zhuǎn)的頁面，即局部刷新DIV包含的jsp頁面以實現(xiàn)局部刷新的效果。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
IDEA整合Dubbo+Zookeeper+SpringBoot實現(xiàn)
初學(xué)者，想自己動手做一個簡單的demo，本文主要介紹了IDEA整合Dubbo+Zookeeper+SpringBoot實現(xiàn)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
java 定時器線程池（ScheduledThreadPoolExecutor）的實現(xiàn)
這篇文章主要介紹了java 定時器線程池（ScheduledThreadPoolExecutor）,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Java利用FileUtils讀取數(shù)據(jù)和寫入數(shù)據(jù)到文件
這篇文章主要介紹了Java利用FileUtils讀取數(shù)據(jù)和寫入數(shù)據(jù)到文件，下面文章圍繞FileUtils的相關(guān)資料展開怎么讀取數(shù)據(jù)和寫入數(shù)據(jù)到文件的內(nèi)容，具有一定的參考價值，徐婭奧德小伙伴可以參考一下2021-12-12
MyBatis批量添加數(shù)據(jù)2種實現(xiàn)方法
這篇文章主要介紹了MyBatis批量添加數(shù)據(jù)2種實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了java文件重命名的程序代碼，大家參考使用吧2013-12-12
這篇文章主要為大家詳細(xì)介紹了java實現(xiàn)建造者模式Builder Pattern，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
java實現(xiàn)漢字轉(zhuǎn)unicode與漢字轉(zhuǎn)16進制實例
這篇文章主要介紹了java實現(xiàn)漢字轉(zhuǎn)unicode與漢字轉(zhuǎn)16進制的實現(xiàn)方法,是Java操作漢字編碼轉(zhuǎn)換的一個典型應(yīng)用,非常具有實用價值,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了java中的反射應(yīng)用實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要介紹了JAVA實現(xiàn)獲取用戶的MAC地址的多種方法實例，需要的朋友可以參考下2017-04-04
這篇文章主要給大家介紹了關(guān)于Java中使用Properties配置文件的簡單方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09