js手机端下拉刷新代码(无需插件)

js手机端下拉刷新代码

   var number=1;
    var flag =true ;
    $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();
        var scrollHeight = $(document).height();
        var windowHeight = $(this).height();
        //监听高度以及判断
        if(scrollTop + windowHeight == scrollHeight){
            if(flag){
            //一个加载的图片,让别人觉得正在加载
                $("#romvoe").html('<img style="width: 23px;margin-right:4px;" src="/home/shanlinchengzhang/50.gif" alt=""/><span>loading</span>');
                //设置延时器,进行填充数据
                setTimeout(function (){
                //请求后台,获得数据
                    $.ajax({
                        type: 'GET',
                        url: '/home/get_more_people'+'?offset='+number,
                        dataType: 'json',
                        success: function(data){
                            if(data.status==200){
                                number++ ;
                            }
                            console.log(number)
                            console.log(data.data.length)
                            console.log(data.data[0])
                            var result='';
                            //进行拼接数据以及填充数据
                            if(data.data.length>0){
                                for(i=0;i<data.data.length;i++ ){
                                    //循环获得的数据
                                        result +=data.data[i].data                  
                                }
                                $('#lql_list').append(result);
                                $("#romvoe").html('');
                            }else{
                               /*$('#lql_list').append('<span style="margin-left:25%;text-align: center">没有更多数据了</span>');*/
                                flag = false ;
                                $("#romvoe").html('');
                                var  zan_wu= $("#zanwutishi").html();
                                if(zan_wu!='没有更多数据了'){
                                    $("#zanwutishi").html('没有更多数据了');
                                }
                            }

                        },
                        error: function(xhr, type){
                            alert('Ajax error!');
                            // 即使加载出错，也得重置
                            me.resetload();
                        }
                    });
                },1000)
            }

        }
    });