列表頁條目不重新整理刪除

2023年1月6日 12:51:15

情景:發現的後台管理中,在某個列表頁裡刪除某個列表項的時候,用ajax刪除,本頁不重新整理,只是高亮顯示那個已刪除的項,不再來回跳轉並重新整理頁面了

注意:1.需要jquery,在用ajax刪除記錄的地方用到了,其它的都是原生js

2.由於原生js的confirm框因為樣式等原因被重寫了,返回值不是true/false,因此這裡用乙個div來代替confirm確認框

123

4標題5操作
678<>
9">
10<>
11">
12);">刪除
1314
15" style="display:none">
16/ajaxdelnews', <>, <>)">確定刪除
17)">取消刪除
1819
2021
<>
2223
注:預設按照新增時間倒排,刪除的條目在重新整理後從列表中消失,不再頻繁重新整理網頁
2425

刪除確認

刪除後

vue移動端 回退列表頁不重新整理

第一步 在router index中 將你不想讓它重新整理的頁面加上以下 route.meta.keepalive router view keep alive route.meta.keepalive router view 第三部 在不需要重新整理的頁面新增以下 頁面不重新整理 開始 creat...

vue快取頁面，返回上一頁不重新整理

2 在路由處新增keepalive屬性 component import views device daddress hidden true 3 在需要快取的頁面使用activated方法 beforerouteenter to,from,next next activated this.route...

Reactjs中列表資料不重新整理最快解決而方案

遇到好幾次了這個問題了,每次資料setstate是個引用obj的話,reactjs不會比對太多細節,導致我們setstate或者通過父元件props傳遞給子元件資料時不進行重新整理,最快速的方法是先清空資料,然後再重新賦值即可 delete item this.state data.splice d...