ajax鼠标滚动请求 或 手机往下拉请求

Zepto(function($){
        var url = $('.page-url').val();
        var cur = false;
        var href_url =  $('.page-url').attr('href-url');
        $(window).scroll(function(){
            if(($(window).scrollTop() + $(window).height() - $(document).height() == 0) ){//判断滚动条是否到达了底部
                if(cur == true){
                    return;//定义一个变量,让ajax执行完成后再请求下一次ajax。否则返回。
                }
                cur = true;
                $(".loading").show();//出现加载图片
                $.ajax({
                    type:'POST',
                    url:url,
                    dataType: 'json',
                    success: function(data){
                        //console.log(data);
                        $('.page-url').val(data.nextPageUrl);
                        url = $('.page-url').val();
                       // console.log(url);
                       $(".loading").remove();//删除加载图片
                        $(".comments").remove();
                        var html = '';
                        var list = data.listNews;
                        $.each(list, function(i, item){      
html += "<div class='w100 title-list'>\
    <a href='"+href_url+"?news_type="+item.news_type+"&news_id="+item.news_id+"' alt='' class='fl titile-list-img'><img src='"+item.thumb+"' /></a>\
    <div class='title-list-content fr'>\
        <p><a href='"+href_url+"?news_type="+item.news_type+"&news_id="+item.news_id+"' alt='' >"+item.title+"</a></p>\
        <span class='grayb3 tr lineh1'>"+item.ptime+"</span>\
    </div>\
    <div class='cl'></div>\
</div>  ";
                        });
                        
                        $('.data-list').append(html);
                        if(data.para===false) cur = true;//判断后台是否还有数据可以加载
                        else cur = false;                        
                    },
                    error: function(xhr, type){
                        $(".loading").html("暂无内容!");

                    }
                });
            }
        });
})

 

posted @ 2014-03-18 11:46  jami918  阅读(307)  评论(0编辑  收藏  举报