zoukankan      html  css  js  c++  java
  • js 移动端上拉刷新(基于ng1)

    //分页下拉
    var ajaxScroll = function() {
        var screenHeight = window.screen.height;
        $(document).scroll(function() {
            if (screenHeight + document.body.scrollTop >= document.body.scrollHeight) {
                $scope.pageNum = Math.ceil($scope.total / $scope.pageSize);
                if ($scope.pageNo <= $scope.pageNum) {
                    $scope.pageNo++;
                    $scope.tips = '正在加载数据...';
                    setTimeout(function() {
                        loadData($scope.state, $scope.pageNo);
                    }, 500);
                    $scope.$apply();
                }
                $(document).unbind('scroll');
            }
        })
    
    }
    $scope.pageNo = 1; //第几页
    $scope.pageSize = 5; //展示条数
    $scope.total; //总条数
    $scope.tasks = [];
    $scope.state = 0;
    //加载列表
    function loadData(state, page) {
        $.ajax({
            type: "get",
            url: webroot + '/services/api/task/list/' + state + '?' + 'pageNo=' + $scope.pageNo + '&pageSize=' + $scope.pageSize,
            dataType: "json",
            headers: {
                'ticket': ticket
            },
            success: function(rsp) {
                if (rsp.code == 200) {
                    $scope.total = rsp.result.total;
                    // $scope.tasks = rsp.result.tasks;
                    if ($scope.tasks) {
                        for (var i = 0; i < rsp.result.tasks.length; i++) {
                            $scope.tasks.push(rsp.result.tasks[i]);
                        }
                    } else {
                        $scope.tasks = rsp.result.tasks;
                    }
                    if ($scope.pageNo >= (Math.ceil($scope.total / $scope.pageSize)) && rsp.result.tasks.length) {
                        $scope.tips = '已经全部加载完毕';
                    } else if (!rsp.result.tasks.length) {
                        $scope.tips = '暂时没有数据';
                    } else {
                        ajaxScroll();
                    }
                    $scope.pageNo = rsp.result.pageNo;
                    $scope.$apply();
                } else {
                    console.log(rsp.message)
                }
            },
            error: function(data) { console.log("error"); },
        });
    };
    //首次加载
    loadData($scope.state, $scope.pageNo);
    
  • 相关阅读:
    storm学习笔记
    Hbase学习笔记
    Hadoop实战项目之网站数据点击流分析(转载分析)
    Hive实战之学生选课
    Hive实战之求月销售额和累计销售额
    Hive实战之每年最高温度+时间
    Hive实战之学生课程成绩
    网易-C++开发实习生-业务初面和复面(视频)-20211028
    2021粤港澳大湾区智能网络与通信系统论坛-1026~1027-线上
    jupyter notebook
  • 原文地址:https://www.cnblogs.com/Byme/p/8527922.html
Copyright © 2011-2022 走看看