• 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("暂无内容!");
    
                        }
                    });
                }
            });
    })
  • 相关阅读:
    webjars管理静态资源
    SpringCloud踩坑日记
    ELK日志搜索平台搭建
    新硬盘挂载到目录后目录原先数据消失解决办法
    nginx安装缺少依赖记录
    SpringCloud踩坑日记
    .bashrc配错刷新导致linux基础命令不能用修复
    nginx超时时间配置
    nginx日志切分shell脚本
    2019.10.10 实习日记
  • 原文地址:https://www.cnblogs.com/jami918/p/3607291.html
Copyright © 2020-2023  润新知