Springmvc加ajax實現(xiàn)上傳文件并頁面局部刷新
1.點擊上傳按鈕進(jìn)行如下操作，通過表單名稱以及input名稱獲取相應(yīng)的值，對于上傳的文件，使用.files來獲取，
因為包含文件的上傳，所以采用FormData的形式來進(jìn)行數(shù)據(jù)交互，通過append將數(shù)據(jù)放到fm對象當(dāng)中。
在默認(rèn)情況下，contentType = "application/x-www-form-urlencoded".此內(nèi)容編碼類型滿足大多數(shù)情況。
但是上傳文件時，我們對form的屬性進(jìn)行如下設(shè)置：contentType = multipart/form-data.在ajax當(dāng)中設(shè)置為false,
是為了避免jquery對其進(jìn)行操作而對processData 設(shè)置為false,禁止Jquery對DATA數(shù)據(jù)進(jìn)行更改。
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)文章
這篇文章主要給大家介紹了關(guān)于mybatis查詢語句的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用mybatis具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
SpringMVC 重新定向redirect請求中攜帶數(shù)據(jù)方式
這篇文章主要介紹了SpringMVC 重新定向redirect請求中攜帶數(shù)據(jù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-12-12
MybatisPlus實現(xiàn)insertBatchSomeColumn進(jìn)行批量增加
本文主要介紹了MybatisPlus實現(xiàn)insertBatchSomeColumn進(jìn)行批量增加，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
在 Java 中,移位運算符用于對二進(jìn)制數(shù)進(jìn)行位移操作,它們可以將一個數(shù)的所有位向左或向右移動指定的位數(shù),本文小編將給大家詳細(xì)的介紹一下Java移位運算符,需要的朋友可以參考下2023-09-09
Java代碼如何判斷l(xiāng)inux系統(tǒng)windows系統(tǒng)
這篇文章主要介紹了Java代碼如何判斷l(xiāng)inux系統(tǒng)windows系統(tǒng)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Maven 在某個統(tǒng)一的位置存儲所有項目的構(gòu)件,這個統(tǒng)一的位置,我們就稱之為倉庫,本文主要介紹了Maven倉庫的具體使用(本地倉庫+遠(yuǎn)程倉庫),感興趣的可以了解一下2023-11-11
spring boot如何使用spring AOP實現(xiàn)攔截器
本篇文章主要介紹了spring boot如何使用spring AOP實現(xiàn)攔截器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
下面小編就為大家?guī)硪黄猨ava的五種數(shù)據(jù)類型解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
下面小編就為大家?guī)硪黄狫ava基礎(chǔ)的幾道練習(xí)題(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望可以幫到你2021-07-07
SpringBoot+MyBatis-Flex配置ProxySQL的實現(xiàn)步驟
本文主要介紹了SpringBoot+MyBatis-Flex配置ProxySQL的實現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02