爱我大兴社区网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 343|回复: 0

局部刷新如何实现?看我简单实现局部刷新、分页

[复制链接]
发表于 2019-8-13 13:38:23 | 显示全部楼层 |阅读模式
  前言
  1.感谢大家的关注和阅读,坚持干货不断~~~
  2.今天我们来说一下如何通过ajax实现局部刷新
  应用场景
  在Java中,如果我们一个页面中有很多的信息都是从后台传递过来的,但是我们有的地方需有有变动。比如我们在做菜品管理,上下翻页时,我们的分类以及其他的信息一般是不需要刷新,只需要更新我们的菜品信息即可,如果跳转后台会浪费很长时间,如果我们使用ajax实现异步刷新。就可以在html中通过js对页面进行简单的控制实现局部刷新的效果。我们今天就以分页查询为例进行讲解!!!
  代码实现
  1.后台的Java代码我就不再贴出来了,大家可以查看我的上一篇文章,Mybatis-Plus来学习一下!代码生成、分页插件?,可以通过mybatis-plus进行分页或者是使用mybatis的分页插件也可以,无论如何使用什么技术,相信实现分页对大家来说不是什么难事!!!
  2.那我们直接来说一下视图层html的代码,我们简单的以饭店的商品管理为例:
  可见当我们点击上下页、首尾页时,只需要对id=“main”的tbody标签中的tr进行更新即可。
  3.接下来我们说一下javascript代码,我们需要实现的功能主要就是依靠他来实现。
  相信大家已经看懂了,我的基本实现思路就是先将之前的数据从页面中删除,然后通过ajax向后台请求数据,然后将数据再动态的展示到页面上,就可以实现简单的动态刷新,然后以此可以实现很多功能。如上面的分页查询吗、信息更新等。
  结束语
  1.我的方式可能并不是最好的方式,但是倒也不失为一种方法。经过我的实验,还是蛮好用的。
  2.感谢的大家的关注和阅读,希望大家可以给我提出更多的问题以及想法,为我**素材和题目。
  3.我会努力,保持更新。
  4.干货不断,感谢!!!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

举报邮箱:dx25dx123@163.com|小黑屋|排行榜|手机版|爱我大兴社区网 ( !icp!

GMT+8, 2019-8-24 17:02 , Processed in 0.781265 second(s), 17 queries , File On.

Powered by Discuz! X3.3 © 2001-2013 Comsenz Inc & Style Design

快速回复 返回顶部 返回列表