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

时间：2021-04-19 04:32:38
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("暂无内容！");

                    }

                });

            }

        });

})

相关文章