前言

1.感謝大家的關注和閱讀，堅持乾貨不斷～～～

2.今天我們來說一下如何通過ajax實現局部刷新。

應用場景

在Java中，如果我們一個頁面中有很多的信息都是從後臺傳遞過來的，但是我們有的地方需有有變動。比如我們在做菜品管理，上下翻頁時，我們的分類以及其他的信息一般是不需要刷新，只需要更新我們的菜品信息即可，如果跳轉後臺會浪費很長時間，如果我們使用ajax實現異步刷新。就可以在html中通過js對頁面進行簡單的控制實現局部刷新的效果。我們今天就以分頁查詢為例進行講解！！！

代碼實現

1.後臺的Java代碼我就不再貼出來了，大家可以查看我的上一篇文章， ，可以通過mybatis-plus進行分頁或者是使用mybatis的分頁插件也可以，無論如何使用什麼技術，相信實現分頁對大家來說不是什麼難事！！！

2.那我們直接來說一下視圖層html的代碼，我們簡單的以飯店的商品管理為例：

html-1

html-2

可見當我們點擊上下頁、首尾頁時，只需要對id=“main”的tbody標籤中的tr進行更新即可。

3.接下來我們說一下javascript代碼，我們需要實現的功能主要就是依靠他來實現。

javascript

相信大家已經看懂了，我的基本實現思路就是先將之前的數據從頁面中刪除，然後通過ajax向後臺請求數據，然後將數據再動態的展示到頁面上，就可以實現簡單的動態刷新，然後以此可以實現很多功能。如上面的分頁查詢嗎、信息更新等。

結束語

1.我的方式可能並不是最好的方式，但是倒也不失為一種方法。經過我的實驗，還是蠻好用的。

2.感謝的大家的關注和閱讀，希望大家可以給我提出更多的問題以及想法，為我提供素材和題目。

3.我會努力，保持更新。

4.乾貨不斷，感謝！！！！

閱讀更多 來自底層程序員的仰望 的文章

關鍵字: 菜品 刷新 JavaScript