repay-record.page.js 1.66 KB
/**
 * 还款记录
 * @author: wsl<shuiling.wang@yoho.cn>
 * @date: 2016/08/04
 */

var $ = require('yoho-jquery'),
    tip = require('../plugin/tip'),
    loading = require('../plugin/loading');

var stopLoading = false,
    winH = $(window).height(),
    previousScrollTop = 0,
    page = 0,
    $recordList = $('.record-list');

function getListData(pageData) {
    if (stopLoading) {
        return;
    }
    stopLoading = true;
    pageData++;

    page = pageData;

    loading.showLoadingMask();
    $.ajax({
        type: 'GET',
        url: '/home/installment/repay/get-record',
        data: {
            page: pageData
        },
        dataType: 'html',
        success: function(data) {
            stopLoading = false;

            if (data === '') {
                stopLoading = true;
                if (pageData === 1) {
                    $('.no-result').show();
                }
            } else {
                $('.no-result').hide();
                $recordList.append(data);
            }

            loading.hideLoadingMask();
        },
        error: function() {
            tip.show('网络断开连接了~');
            stopLoading = false;
            loading.hideLoadingMask();
        }
    });
}

function scrollHandler() {
    var curScrollTop = $(window).scrollTop();

    // 当scroll到1/4$repayList高度后继续请求下一页数据
    if (curScrollTop > previousScrollTop &&
        (curScrollTop + winH >
        $(document).height() - 0.25 * $recordList.height() - 50)) {
        getListData(page);
    }

    previousScrollTop = curScrollTop;
}

$(window).scroll(function() {
    window.requestAnimationFrame(scrollHandler);
});

getListData(0);