没有使用“更多”链接刷新的分页

Question

我注意到像Twitter这样的网站没有通常的分页。相反，它有“更多”链接。单击它时，它会在不刷新页面的情况下显示更多推文。

这种技术如何运作？

Answer 1

它通过XHR请求结果的下一个 set ，加载它们，然后将HTML（通过DOM方法或HTML序列化）插入到页面中。

如果您对我上面所描述的内容一无所知，请开始学习XMLHttpRequest。

Answer 2

分页系统在服务器端的工作方式几乎相似（切片数组，设置偏移量等）但是，它们不会使用内容呈现完整的布局，而只返回一大块html。

这是两种技术的结合：

• Ajax使用XMLHttpRequest从服务器
获取数据
• DOM及其用于操作HTML树的方法。

（感谢David Dorward指出我准确的湖泊）

Answer 3

这可以使用jQuery完成。

以下是页面更新机制：

$('.more').click( function() {

     $(this).before('<div><h2>Post 3</h2><p>Content</p></div>');

});

演示于：http://jsfiddle.net/WCprC/33/

但是，需要使用类似.get()

的内容从服务器获取内容