关于论坛类的触底刷新和下拉刷新获取数据的办法

最新推荐文章于 2023-08-19 10:26:35 发布
最新推荐文章于 2023-08-19 10:26:35 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 计算机杂 文章标签： 刷新获取数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c_kite/article/details/83004060
版权

序言

之前做过一个论坛的项目, 碰到了触底刷新和下拉刷新怎么获取数据的这个问题, 困扰了很久, 今天看到了方法因此整理一下.

触底刷新 & 下拉刷新

  1. 根据上一次请求最后一条数据或者第一条数据返回的id, 来再去请求数据, 一般论坛帖子类的数据库表id是递增序列可以采用这种办法.
  2. 请求的数据时候服务端带上请求时间返回到参数里, 客户端下次请求的时候再次带上该请求时间, 服务端做判断拿到新的数据或者旧数据
刘翾
关注
专栏目录
uni-app实战之社区交友APP（16）模块封装、文章和话题功能实现
CUFEECR的博客
03-13 1435
Vuex是Vue全局变量和方法的管理器，uni-app内置，可以定义state和mutations；点赞评论等操作需要验证权限；将接口请求模块进行封装、简化代码。首页交互需要获取文章分类、所有分类下的文章、上拉加载更多、避免重复加载；封装请求错误处理逻辑；格式化显示文章时间。实现文章详情页交互；分享支持微信、QQ、微博或者微信朋友圈；搜索文章需要实现加载拉刷新和缓存搜索历史。话题页涉及的接口包括话题分类、轮播图和热门话题列表；实现话题分类交互和加载更多；话题详情页包括话题信息和文章列表；实现搜索话题。
微信小程序系列（4）如何用微信小程序写一个论坛？贴心代码详解（二）评论页
kotoriyou的博客
06-09 5456
写论坛不难，重点是各页面之间的信息传递！ 先放成品图，虽然有点单调。。。。但是麻雀虽小五脏俱全！ 论坛功能： 1. 发帖（带图片） 2. 浏览各帖 3. 评论 4. 搜素帖子 5. 作者删自己的贴 以上是论坛必备的功能，缺哪个都不完整哦~ 贴心代码详解（二）会讲评论页部分 还是老规矩，使用了iview weapp组件 别忘了引包。 js const { $Toast } = require('...
微信小程序学习 下滑刷新、触底上滑刷新
古月今犹在的专栏
07-21 2343
入门学习使用的是测试号。由于访问了https地址获取数据，需要如图设置： 下拉刷新需要在app.json中配置： "enablePullDownRefresh": true joke.wxml代码如下，对应的wxss文件就看个人喜好了，对于text对应的class，只设置了width:90%，不让文字靠近屏幕边侧： <view class="container"> &...
下拉刷新对数据的处理
wangjima32的博客
12-24 1679
下拉刷新和上拉加载对数据的处理: 方法一: 如下图所示,下拉刷新直接在原来的list集合头部添加获取的数据(一般需要做去重处理,如果后台做了直接添加) 上拉加载直接addAll就可以了 方法二: 下啦刷新时,在获取到数据之后把原来list集合的数据clear()清空,然后再addAll(),注意不要再一开始下拉刷新就clear(),那样会列表显示会有点小问题 上拉加载和上面
python selenium移动端网页下拉刷新
RobbenEmi的专栏
08-24 2436
【代码】python selenium移动端网页下拉刷新。
python怎么写测试脚本语言_如何使用python 语言来实现测试开发
weixin_39820173的博客
11-23 153
展开全部对于各种驱动接口，2113Python来编写测试用例的好处是：由于5261Python不需要编译4102，你所执行的也就是你所编1653写的，当发生异常的时候，你无须打开集成开发环境，加载测试工程、并调试，你能够很方便的看到python测试脚本的内容，什么地方出了异常可以立刻发现，例如：from ctypes import *rc =c_int(-12345);dll = windll.L...
页面向下滚动自动加载数据
qq_33421902的博客
08-19 869
页面向下滚动自动加载数据函数  $(function(){     // 首页滚动 添加数据     $(window).scroll(function() {       var srollPos = $(window).scrollTop();        totalheight = parseFloat($(window).height()) + parseFloat
微信小程序04---头像上传、瀑布流、下拉刷新、触底加载更多、分包
蜗牛的博客
10-23 653
微信小程序头像上传、瀑布流、下拉刷新、触底加载更多、分包
微信小程序系列（5）如何用微信小程序写一个论坛？贴心代码详解（三）列表页
kotoriyou的博客
06-09 1万+
写论坛不难，重点是各页面之间的信息传递！ 先放成品图，虽然有点单调。。。。但是麻雀虽小五脏俱全！ 论坛功能： 1. 发帖（带图片） 2. 浏览各帖 3. 评论 4. 搜素帖子 5. 作者删自己的贴 以上是论坛必备的功能，缺哪个都不完整哦~ 这里使用了iview weapp组件 贴心代码详解（三）会讲列表部分 wxml <view class="content"> <vie...
微信小程序知识
weixin_52957570的博客
10-25 849
微信
iOS MJRefresh 实现无感刷新
长沙火山
07-11 2133
项目开发中用了MJRefres 刷新控件，每次上拉的时候都有个菊花转，需要下拉一下才能看到下一页的数据。产品提出需求，希望列表往下拉能直接出现下一页的数据，不需要出现加载的动画和等待时间。于是着手看了一下MJRefresh的源码，发现其提供了无感刷新(自动刷新)的方法。从MJRefresh的继承图谱来看，下拉的自动刷新类为：MJRefreshAutoStateFooter。我们只需要继承这个类，然后把功能重写一下就可以实现了。自己重新创建一个类：HSWuGanRefreshFooter，继承 MJRefre
【微信小程序】列表滚动触底更新实现
最新发布
qq_22744093的博客
08-19 2740
在微信小程序开发中经常遇到分页列表需要滚动到底部之后进行请求数据更新，下面介绍如何进行触底更新分页展示。使用到页面上拉触底事件的处理函数。
微信小程序 下拉刷新 上拉触底分页
oldcoder2000的博客
07-02 807
下拉刷新1、在需要下拉刷新页面的json配置页，设置"enablePullDownRefresh":true，默认为false2、在* 页面相关事件处理函数--监听用户下拉动作 * onPullDownRefresh() 中添加要刷新的内容。上拉触底1、在*页面上拉触底事件的处理函数* async onReachBottom() 中添加要触底刷新的内容2、做分页显示时，需要在函数中添加判断是否为最后一页数据，否则小程序会自动随机读取。...
PC端滚动加载更多的实现方法
qq_41038929的博客
04-26 4924
//滚动加载更多 var pullRefreshss = true; $(window).scroll( function () { /*当前滚动条到顶部的距离*/ var top = $(document).scrollTop(); /*当前浏览器的可是高度*/ var height = document.body.clie...
pc端触底滑动-ScrollPageLoading
u013195452的专栏
12-28 410
1.封装组件ScrollPageLoading.vue <template> <div> <div style="text-align: center;margin-bottom: 10px"> <a-spin v-if="loading" :spinning="loading" tip="正在加载，请稍后..."></a-spin> <span class="noData" v-else-if="cu
jquery实现触底刷新，简单易懂
weixin_55287464的博客
07-26 376
代码】jquery实现触底刷新，简单易懂。
小程序笔记 -- 下拉刷新与触底加载下一页
lljxk2008的博客
09-15 2098
下拉与触底函数是每一个页面都有的事件函数, 同页面生命周期函数类似 : 监听并执行 onPullDownRefresh 判断用户在最顶部下拉时触发, 如果下拉后再拉回去则不触发  onReachBottom 判断用户到达最底部时触发 如果当面页面的内容, 不够多时可能不触发 一般需要在wxss中设置页面的高度为100% page{ height: 100%; } 下拉刷新的作...
Java网络爬虫-总结
lhp15575865420的博客
07-16 724
网络爬虫技术的小总结
爬虫的常见陷阱以及Java的爬虫思路
热门推荐
手把手教你学安卓
01-16 1万+
前言本文是这篇文章《Java实现爬虫给App提供数据（Jsoup 网络爬虫）》 http://blog.csdn.net/never_cxb/article/details/50524571 的衍生。当时面阿里的时候，聊到我做新闻 App 的时候，使用 Jsoup 爬虫，面试官随即问我对爬虫了解多深。所以稍微深入了解爬虫底层原理，后期打算看一下 Jsoup 底层实现。笔者做的爬虫侧重于对于网页内容的
Android仿网易一元夺宝：下拉刷新动画实现详解
本文主要介绍了如何在...总结来说，这篇教程是关于如何在Android应用中创建一个具有专业级体验的下拉刷新动画，通过实例展示了如何结合自定义View和标准库API来模仿特定的视觉效果，为开发者提供了一个参考范例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值