h5页面下拉到底部加载下一页数据

摘要:
Id=“+data[i].Id+”&f=“+first+”&s=“+second+”'˃“+data[1i].Title+”“+data[i].PublishTime+”“);}},错误:函数{$.removeClass.text('数据加载失败,请重试!
//页面滚到底部异步加载下一页数据
$(window).scroll(function () {
        //已经滚动到上面的页面高度
        var scrollTop = parseFloat($(this).scrollTop()),
        //页面高度
            scrollHeight =$(document).height(),
        //浏览器窗口高度
            windowHeight = parseFloat($(this).height()),
            totalHeight = scrollTop +windowHeight;

        //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
        if (scrollTop + windowHeight >= scrollHeight - 0.7) {
            //一级分类
            var first = $("#h_first").val(),
                //二级分类
                second = $("#h_second").val(),
                //分页数
                num = parseInt($("#pageNum").val()),
                num = num + 1;
            $("#pageNum").attr('value', num);
            $.ajax({
                type: 'post',
                url: '/MicroPortal/ContentListForNotice?f=' + first + '&s=' + second + '&t=&PageIndex=' +num,
                beforeSend: function (XMLHttpRequest) {
                    $("#loadMore").removeClass('hidden').text('正在加载数据...');
                },
                success: function (data) {
                    if (data.length == 0) {
                        $("#loadMore").removeClass('hidden').text('已加载全部数据!');
                    }
                    var data =getTime(data);
                    for (var i = 0, length = data.length; i < length; i++) {
                        $("#infoList").append("<li><a href='http://t.zoukankan.com/public_content.html?id=" + data[i].Id + "&f=" + first + "&s=" + second + "'><span>" + data[i].Title + "</span><span class='time'>" + data[i].PublishTime + "</span></a></li>");
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $("#loadMore").removeClass('hidden').text('数据加载失败,请重试!');
                }
            });
        }
    });

免责声明:文章转载自《h5页面下拉到底部加载下一页数据》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇华硕路由器Asus RT-ACRH17 OpenWrt,刷openwrt教程一键生成IOS App Icon工具下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JAVA连接数据库

运行如下Java程序,学会JAVA连接数据库的方法。。 import java.sql.*; public class Test { public static void main(String[] srg) { String driverName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; //加载...

C# DataTable.Select() 筛选数据

有时候我们需要对数据表进行筛选,微软为我们封装了一个公共方法, DataTable.Select(),其用法如下: Select() Select(string filterExpression) Select(string filterExpression, string sort) Select(string filterExpression,stri...

搞懂:MVVM模型以及VUE中的数据绑定数据劫持发布订阅模式

搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : model - view - viewmodel的缩写,说都能直接说出来 model:模型,view:视图,view-Model:视图模型 V:视图,即浏览器最前端渲染的页面 M:模型,数据模型,就是后端页面渲染依赖的数据 VM:稍后再说,因为暂时还不知道怎么工作,什么场景,直接解释有...

windows用navict for mongo 把mongo 数据库中的数据全部导入另一个数据库

mongodb 在导出数据的可以使用命令,也可以使用navicat 这种可视化软件,我就选择的使用navicat 转移数据。 具体的业务场景是,线上的数据,导入到测试环境一份,供前端调试。 使用navicat for mongo 要安装navict 还要,安装mongodb-database-tools-windows-x86_64-100.5.1.m...

DbContext的使用

EF4.1包括Code First和DbContext API。DbContext API为EF提供更多的工作方式:Code First,Database First和Model First。 使用DbContext构造函数 1. Code First约定连接 namespace Magic.Unicorn{    public class Unicorn...

Mysql主从同步在线实施步骤【适合大数据库从库配置】

Mysql主从同步在线实施步骤【适合大数据库从库配置】     MySQL的主从搭建大家有很多种方式,传统的mysqldump方式是很多人的选择之一,但比较适合在新实例中实施,对于较大的数据库则存在停机等不可接受的问题,所以该方式并非理想的选择。使用innobackupex 则可以快速轻松的构建或修复mysql主从架构,该方式的好处是对主库无需备份期间导致...