在Java中 。如果我们一个页面中有很多的信息都是从后台传递过来的 。但是我们有的地方需有有变动 。比如我们在做菜品管理 。上下翻页时 。我们的分类以及其他的信息一般是不需要刷新 。只需要更新我们的菜品信息即可 。如果跳转后台会浪费很长时间 。如果我们使用ajax实现异步刷新 。就可以在html中通过js对页面进行简单的控制实现局部刷新的效果 。我们今天就以分页查询为例进行讲解！！！
代码实现【js局部刷新当前页面 简单实现局部刷新、分页】1.后台的Java代码我就不再贴出来了 。大家可以查看我的上一篇文章 。Mybatis-Plus来学习一下！代码生成、分页插件？ 。可以通过mybatis-plus进行分页或者是使用mybatis的分页插件也可以 。无论如何使用什么技术 。相信实现分页对大家来说不是什么难事！！！
2.那我们直接来说一下视图层html的代码 。我们简单的以饭店的商品管理为例：
文章插图
文章插图
html-1
文章插图
文章插图
html-2
可见当我们点击上下页、首尾页时 。只需要对id=“main”的tbody标签中的tr进行更新即可 。
3.接下来我们说一下javascript代码 。我们需要实现的功能主要就是依靠他来实现 。
文章插图
文章插图
javascript
相信大家已经看懂了 。我的基本实现思路就是先将之前的数据从页面中删除 。然后通过ajax向后台请求数据 。然后将数据再动态的展示到页面上 。就可以实现简单的动态刷新 。然后以此可以实现很多功能 。如上面的分页查询吗、信息更新等 。
推荐阅读
- 不懂拼音怎么学用拼音打字？
- 中国古代的奇人异事,你知道哪些？
- 第一双高跟鞋怎么选 这样选准没错
- 我打字慢,怎么才能提升手机上的打字的速度? 大家有什么好的练习软件吗？
- 骨头出品必属精品 骨头近5年有哪些好作品
- 有什么快速的方法学会拼音打字？
- 中国都有哪些不可思议的事？
- 空气炸锅炸红薯条的做法 空气炸锅自制红薯干
- 怎么学习打字？