H5上滑分页

下面展示一些 内联代码片。

$(function() {
    h5Js.load();

});
 var isLoading=false;
 var isEnd=false;
 var curentPage=1;
 window.onscroll = function() {
     if (isLoading || isEnd) {
         return;
     }
     var scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
     var clientHeight = document.documentElement.clientHeight;

     if (($("body").height() - scrollTop - clientHeight) <= 0) {
         h5Js .load();

     }


 }

var h5Js = function () {
    return {
        load:function () {
            if(isLoading){
                return;
            }
            var id=$("#id").val();
            $.ajax({
                type: "GET",
                url: "/getdata",
                dataType: "json",
                data: { pageNum: curentPage,id:id,pageSize:5},
                contentType: "application/json",
                beforeSend: function () {
                    isLoading = true;
                    $('#loading').html("加载中...");
                },
                success: function (resp) {
                    if(resp.code == 1){
                        var data = resp.data;
                        if(data.isLastPage == 'Y'){
                            isEnd=true;
                            $("#loading").text("—  end —");

                        }else{
                                curentPage++;
                            $('#loading').html("上滑查看更多");
                        }
                        $("#data_div").append(data.htmlTemplate);
                       
                    }else{
                        //open_box(resp.msg);
                    }
                 
                },
                error :function (XMLHttpRequest, textStatus, errorThrown) {
                    isLoading = false;
                    $('#loading').html("加载失败...");
                   
                },
                complete: function () {
                    isLoading = false;
                }
            });
        },
        
       
    }}();