Javascript 动态地向表中追加下一组带有div上的值的行

我有一个页面，其中显示了一个有100行的表格，在滚动时，我想再添加100行，并在每次向下滚动时继续相同的操作。如何使用AJAX和JS/JQuery实现这一点？（使用python从MongoDB显示表数据）

HTML模板文件：

%for doc in docs:
<tr>
<td >   
    {{doc["field1"]}}
</td>
<td>    
    {{doc["field2"]}}
</td>

<td>    
    {{doc["field3"]}}
</td>
%end

---

制作一个Ajax分页API，以获取特定范围内的数据。这就是您的请求的样子

http://yoururl.com/items?start=100&limit=100

您必须用Python编写代码来响应这样的请求。例如：

当向下滚动到具有正确值的表底部时，调用分页API。将结果附加到表中

$.ajax({
  url: "http://yoururl.com/items?start="+start+"&limit="+limit,
  success: function(data){
    $("#resultTable").append(generateHTML(data));
  }
});

---

您必须根据滚动历史设置

start

和

limit

的值。还要编写generateHTML函数，将JSON数组响应转换为HTML。

给他/她一些如何开始的参考！我已经告诉过不要使用分页，我必须让页面滚动@aadarshsg@Anu我不是建议分页，但您需要一种将范围数据从数据库发送到前端的方法，分页API是一个很好的选择，因为它接受范围并用数据响应。改进了我的答案来解释更多的东西。感谢可能的重复：您应该寻找称为延迟加载的概念。因此，最好寻找延迟加载表行jquery

$.ajax({
  url: "http://yoururl.com/items?start="+start+"&limit="+limit,
  success: function(data){
    $("#resultTable").append(generateHTML(data));
  }
});