oracle里子连接查询,pc端页面滚动到底部加载更多数据......

场景：pc端页面鼠标滚动到底部时，通过ajax加载更多的数据，实现分页功能，封装成了一个函数，自己根据实际情况调用即可。

说明：discussList是放加载内容的div容器

// 加载更多评价的函数

function loadMore(){

$(".discussList").append('

加载中...

');//插入加载中的提示框

var stop = true; //默认停止加载

// 页数

var page = 0;

// 每页展示5个

var size = 5;

var bottomH=50;//距离底部多少像素开始加载

$(window).scroll(function() {

totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()+bottomH);

if ($(document).height() <= totalheight) {

if (stop == true) {

stop = false;

$(".loading").show();//显示加载中提示

$.ajax({

url: 'http://ons.me/tools/dropload/json.php?page=' + page + '&size=' + size,

type: 'GET',

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function(data) {

var dateLength = data.length; //数据长度

if (dateLength > 0) {

$(".loading").before('

132***313 2017-12-26 13:20

好吃，一直吃他家的

$('.loading').hide();

page++;

stop = true;

} else {

$(".loading").text("暂无数据")

}

error: function(xhr, type) {

$(".loading").hide();

alert("ajax error!");

}

});

}

});

}

oracle里子连接查询,pc端页面滚动到底部加载更多数据......相关推荐

uniapp实现滚动到底部加载更多数据
如果数据量非常大的话,数据批量加载是一种优化手段,那么,如何实现? onReachBottom uniapp的生命周期onReachBottom 页面滚动到底部的事件(不是scroll-view滚到底 ...
vue开发中遇到的滚动到底部加载更多数据问题
今天一直在思考如何这个效果,发现下拉到底部时,总是请求数据很多次,结果就是页面很长,无法再次下拉到底部.在网上找到了一个解决办法,通过增设一个开关,在拉到底部时,请求一次数据,如果成功,关闭开关:如果 ...
vue监听滚动到底部加载更多
整理之前做过的一个vue滚动到底部的加载显示更多功能,后台已经分好了页就剩前端渲染主要参数pageSize 每页数量(这里默认10) pageNum 页数,能用代码说的就不吹泡泡了直接上代码: 一. ...
微信小程序 onReachBottom 上拉滚动到底部加载更多问题
onReachBottom 小程序官方有一个onReachBottom上滑到底部执行的函数,但是当使用时发现不起作用.查了写资料发现需要在json里面配置: 1,"enablePullDow ...
html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
原生js滚动到底部加载数据和下拉刷新 Scrollload
原文地址 https://github.com/fa-ge/Scrollload/blob/master/README.md 初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见 ...
【微信小程序】实现下拉刷新和上拉触底加载更多数据的页面事件
1.下拉刷新事件 1. 什么是下拉刷新下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为 2. 启用下拉刷新启用下拉刷新有两种方式: ① 全局开启下拉刷新 ...
笔记-VUE滚动加载更多数据
来源:https://blog.csdn.net/qq_17281881/article/details/87342403 VUE滚动加载更多数据 1 data() { 2 return { 3 lo ...
php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多，不刷新页面加载更多数据！附：可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...

oracle里子连接查询,pc端页面滚动到底部加载更多数据......

oracle里子连接查询,pc端页面滚动到底部加载更多数据......相关推荐

最新文章

热门文章