分页和向下滚动加载数据

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的scroll事件 ，因此在滚动鼠标时将触发该事件。 在事件处理程序中，您可以检查最后一条记录的位置，并在需要时加载新数据。