javascript - 如何拆分 Ajax 帖子的成功输出？

Question

我有一个 ajax post 到一个 PHP 文件，成功时返回一个表。我使用整个成功输出来填充我的 HTML 主页面中的一个 div。这很简单。然而，有时结果表很大，一次显示结果需要很长时间或者失败(Google Chrome 'aw snap error')。

所以，我想分割输出并在用户向下滚动时加载它。

比方说，

Ajax 成功获得 1000 个结果，我想填充前 20 个结果，并在用户向下滚动时显示其余的结果。

        $.ajax({
            url:"xxxxxx.php", 
            data: { xxxxxxxxx },
            type: "POST", 
            success:function(result){
                document.getElementById("cdr").innerHTML =  result;
        });

Answer 1

每次请求您应该只获得 20 条记录。加载所有记录并不是一个好方法。想象一下当您的结果包含 100 万条记录时的情况？

为此，在您的ajax数据设置中，您可以添加一个名为“page_number”的参数，并通过javascript在每个ajax请求中增加它，然后在您的服务器处理(您的.php文件)上，获取该“page_number”参数并根据当前的“page_number”处理取结果。