向下滚动分页和加载数据

Question

我正在尝试ajax和javascript。我能够用数据填充表格，显然我只加载了5个数据分页。问题是如果列表达到1000，我需要在鼠标向下滚动和加入分页时加载数据。

我已经尝试过小提琴

这是链接： https://jsfiddle.net/y7gadqkk/108/

jQuery.ajax({
        url: "https://api.fda.gov/drug/label.json?limit=5",
        success: function (data) {
        //append to table
        }
});

我正在使用openfda api btw。问题我不知道如何在鼠标向下滚动时实现分页或数据加载。

非常感谢您的帮助。 谢谢。

Answer 1

您可以使用jquery＆＃39; scroll event，因此当您滚动鼠标时，将触发事件。在事件处理程序中，您可以检查最后一条记录的位置，并在您认为必要时加载新数据。