类似 Facebook/Twitter 的加载更多结果功能

Question

也许你在Facebook/Twitter上见过这种效果。我想加载更多的结果并将它们附加到现有的结果中。到目前为止没有问题。如何跟踪我还有多少结果，以便知道从哪里查询下一次？

我有几个答案：

1. 将结果包装到带有id的div中，例如results1、results2...然后获取最后一个id并将其乘以容器中的结果数量。
2. 将数字保存在变量中，在每次从另一个页面返回并请求列表时重置它。

- Andrew

---

我会将它保存在一个全局的 JavaScript 变量中。你说的“每次从另一个页面返回请求列表时重置它”是什么意思？ - dm03514

就像你所说的那样，将它保存在全局变量中。当你开始加载结果时，你必须重新启动该变量，以从头开始。 - Andrew

Answer 1

请看这个链接。

对我来说很好用。 http://youhack.me/2010/05/14/an-alternative-to-pagination-facebook-and-twitter-style/ 我只是发了一个链接而不是答案，因为你可以查看代码并自己解决问题。

- PaulM

---

太完美了！这正是我想要的。 - Andrew

我已经尝试了演示。按下F5后，它会完全重置页面。如何跟踪加载了什么？ - hanuman0503

@hanuman0503，你可以使用cookie、session或在URL中添加?id=10。当你刷新页面时，你需要加载特定id的结果。如果你不知道这是什么意思，我建议你提出一个新问题。这是相当简单的东西。 - PaulM

我发现这篇文章很有帮助：http://net.tutsplus.com/tutorials/javascript-ajax/create-a-twitter-like-load-more-widget/ - hanuman0503