juery下拉刷新，ajax请求,div加载更多元素(一)

//StringBuffer方法，div append时会用到
 function StringBuffer() {
      this.__strings__ = [];
    };
    StringBuffer.prototype.append = function(str) {
      this.__strings__.push(str);
    };
    StringBuffer.prototype.toString = function() {
      return this.__strings__.join('');
    };

var i = 1;//设置当前页数
var flag=true;

//滑动加载
$(function(){
    var winH = $(window).height(); //页面可视区域高度
    
    $(window).scroll(function () {
        var pageH = $(document.body).height();
        var scrollT = $(window).scrollTop(); //滚动条top
        var aa = (pageH-winH-scrollT)/winH;
        var buffer = new StringBuffer();
        if(aa<0.02&&flag){
            $.ajax({
                type : "POST",
                timeout : 3000,
                async : false,
                cache : false,
                data : {start : i*8,size:8},
                url : "${ctx}/phone/getPrizeMore",
                success : function(data) {
                if(data.length<=0){
　　　　　　　　　//下拉没有时不再请求
                flag=false;
                }
                    for ( var j = 0; j < data.length; j++) {
　　　　　　　　　　　　//加载的信息
 　　　　　　　　　　　buffer.append(".......");
                   
                    };
　　　　　　　　　　　　//div,id="przieList"
　　　　　　　　　　　　//加载到div

                    $("#przieList").append(buffer.toString());
                    }
                });
                i++;
        }
        
        });
       });

 

转载于:https://www.cnblogs.com/wangzhuxing/p/5134872.html