过年了，给寂寞中的你来个问题：这种写法里面肯定还有秘密，请大家参透其中的奥妙所在? 400 报错

这是一个图片延迟加载的案例，看到别人这样写的，其中图片及相关信息放在li标签中了。另外，作者初始页面时只加载了24个li(即24张图片)，以后的加载是随着用户拉动滚动条的多少而相应的加载图片的数量，比如数据库中有一万张图片，那么是分批次加载到DOM中的。
那么问题来了：在分析下面的代码后，我有一个疑问，js中的ajax请求也没有写关于加载多少图片的代码啊，但实事是确实加载进来了，很别人百思不得其解（相关代码请参读http://www.zhuojie.cc/cases.html）

<li>
    <a target="_blank">
        <div class="Img"><img src="/upload/201611/18/201611180949235696.jpg"><i><img src="/upload/201611/18/201611180949235696.jpg" alt="三维家"></i></div>
        <div class="Txt">
        <h5><b>三维家</b></h5>
        <span></span>
        <small></small>
        </div>
    </a>
</li>

js代码是这样写的：

var category_id = 0;
var allstop = true;
 
var pageIndex = 2;
var stop = true;
if (allstop == true) {
    $(window).scroll(function () {
        totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
        if ($(document).height()-240 <= totalheight+250) {
            if (stop == true) {
                stop = false;
                $.post("/ajax/casesList.aspx", { "pageIndex": pageIndex, "category_id": category_id }, function (txt) {
                    if (txt != '') {
                        $("#Loading").before(txt);
                        pageIndex++;
                        stop = true;
                    }
                    else {
                        $("#Loading").css('background', 'url("/templates/zhuojie/images/bottom.png") no-repeat center');
                        stop = false;
                    }
 
                }, "text");
            }
 
        }
    });
}

我查了一下ajax的请求页面，但发现只有24条记录，但是随着滚动条的拉动竟然加载进了几十条记录，这就奇怪了，动态页中本来没有这么多条记录，多出来的是从哪里来的呢？

http://www.zhuojie.cc/ajax/casesList.aspx