javascript - 当滚动到底部时通过ajax加载内容

Question

我对此感到非常厌倦，直到现在我才找到解决方案。这是我的代码

$("#submit").click(function(e){
    e.preventDefault()  
    var loading = "<img src='/zojfa/images/loading.gif' alt='Loading...' />";
    var scrolltop=$('#scrollbox').attr('scrollTop');
    var scrollheight=$('#scrollbox').attr('scrollHeight');
    var windowheight=$('#scrollbox').attr('clientHeight');
    var post = $(this).attr("name") + "=" + $(this).val();
    var form_data = $('#search_form').serialize() + "&" + post;

    var scrolloffset=20;
    $('#search').html(loading);
    $.post("dosearch.php",form_data,function(newitems) {
        $('#content').append(newitems);
            });
    $('#scrollbox').scroll(function(){
    if(scrolltop>=(scrollheight-(windowheight+scrolloffset))){
        form_data = form_data + "&size=" + $("#content > div").size();
    setTimeout($.post("dosearch.php",form_data,function(newitems) {
        $('#content').append(newitems);
            }),5000);
    }
    });     
        });

});

当我发布表单数据时，该表单数据将序列化()并发送到 dosearch.php。

当我单击提交按钮时，该函数运行良好，函数将执行并给出结果集，即该脚本的第 11 行。

然后我将监听滚动事件，当滚动事件发生时，我将计算内容 div 内的 div，以了解到目前为止我已经加载了多少个 div，并将此数字发送到 dosearch 以获得更多结果

从表中选择一些内容，其中 someid=some another id LIMIT $number(这是我从计算 div 中得到的。.还有其他解决方案吗？也许为 div 设置 id？我使用的这个解决方案足够好吗？)，6

现在我的问题出在哪里。我检查 firebug 发布的数据

当我到达这个 div 的底部时，许多 ajax 请求都会启动。并在 firebug 控制台中显示许多具有不同值的发布大小

size=6
size=12
size=12

我想过 settimeout 可能会修复我的脚本，但没有取得成功。

感谢您的帮助。

Answer 1

此链接可以帮助您获得结果。 Click here for demo

This is how will work