如果得到相同的数据,停止发送请求

如果我理解正确,您遇到的问题是由浏览器多次触发的滚动事件引起的。 为了避免这种巨大的开销,您可以实现一个简单的去缓冲机制,以避免在特定时间间隔内多次调用同一个api。

类似于:

function debounce(fn, debounceTime = 500) {
  let timeout = -1;
  const currentScope = this;
  return function (...args) {
    clearTimeout(timeout);
    timeout = setTimeout(fn.bind(currentScope, ...args), debounceTime);
  }
}

然后打电话给你的 loadData 功能

const softLoadData = debounce(loadData);

softLoadData 根据您的需要,在500毫秒的间隔内(您可以选择)不会被调用多次。

我认为您应该将一些布尔值标记为“等待数据”,并且只要数据没有完全加载并且相应地更新了,scroll事件就不会执行任何操作。