如何在AJAX响应中发出无限滚动的结束信号？

Question

我有一个网站，我建立了一个无限滚动，当你滚动它加载下一个X结果，但我想知道是否有一个标准的或更好的/首选的信号方式你已经走到尽头而不再做任何请求。

目前，在数据“结束”之后请求数据时，它只有404秒。 如果AJAX调用收到错误/ 404响应，那么它将记住不再打电话。

但对我来说，它感觉有点原始，并想知道通常（如果有的话）解决这个问题的方式是什么。

Answer 1

你是如何处理分页的？ 通常建议在AJAX响应中包含“下一页”链接。 如果这样做，它可以避免在客户端上进行数学运算，并提供简单的通信机制，如果链接无效则不要包含链接。

Answer 2

如果Ajax返回HTML或文本，则只返回一个空响应，表示没有更多数据。

如果Ajax返回JSON，那么您只需将“status”属性添加到对象表示中即可。

无论哪种方式，你应该回应HTTP 200，而不是404。

Answer 3

如果我们假设您的“获得结果”API调用看起来像这样：

$.get('/results', { start: n }, function() ...); // for ex, /results?start=0

并返回如下内容：

[{ name: 'Result 1' }, { name: 'Result 2' }, ... ]

其中n是已经加载的结果数，那么返回404错误在语义上并没有意义，这意味着所请求的资源 （ /results ）不存在。 这不是真的; /results 确实存在，但请求参数不会导致数据。

返回带有空数组的200更合适

[]

...或者使用HTTP 204 No Content回复，这意味着请求成功，但没有任何回复。 这确实节省了几个字节，因为服务器不需要发送Content-Type或Content-Length头和响应主体。

（我用的是204.）

无论哪种方式，您的客户端脚本都知道204或长度为0的数组意味着没有更多数据，并且可以停止发出请求。