javascript - 动态加载内容

Question

我有产品列表页面，显示所有满足搜索条件的产品。这些可以是任意数量的产品。

我想要的是像 FB 这样的东西，我只显示前 5-7 个产品，当用户向下滚动时，应该动态加载产品。

Answer 1

如果你想这样做，我会考虑切换到 jQuery 或 Mootools 作为 JS 库 - 两者都对通常称为无限滚动器概念的本机支持。不过，实现自己并不难，主要是跟踪您上次加载的内容，并安装一个onScroll事件以检测何时到达页面底部。

这是一个很好的教程，使用本机 JS 来实现它，包括服务器端和客户端。您需要自己用适当的 Prototype 替代品替换 XHR 调用（或者是否，并不重要）。