手机端 jQuery ajax下拉自动加载数据

var loadingdelay = false;  // 此处参数是判断是否重复的请求 避免数据多加载

$(window).on("scroll", function(event) {

    var h = $(document).height();

    var wh = $(window).height();

    if ($(window).scrollTop() >= h - wh - 100 && !loadingdelay) {

        loadingdelay = true;

        //发送Ajax

        var page = $('#ajax').attr('data');

        $.ajax({

            type: "POST",

            url:'',

            cache:false,

            data:{page:page},

            dataType:'html',

            success: function(data) {

                if(data.length){

                    $('#ajax').append(data);

                    page++;

                    $('#ajax').attr('data-page',page);

                    loadingdelay = false;

                }else{

                    loadingdelay = false;

                    return false;

                }

            }

        });

    }

});

// div 结构

<div data-page="1"></div>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容