Typecho实现首页循环加载的一种思路

SegmentFault上讨论的一个话题,关于如何[实现index页面的无限加载][1]。

做到index页面的无限加载,基本上考虑的是Ajax了,具体实现上则有两个思路:
1. 自己制作个简单的插件,支持ajax加载文章列表。
2. 在皮肤文件index.php中,做个特殊处理,使用ajax实现内页翻页

第一个方式比较简单,这里不展开说明。这里简单讨论下第二种思路。

假如皮肤文件index.php中的代码如下:




next():)?>

title() ?>

excerpt(200);?>

> 注意:本文所有代码仅作演示,用于说明实现思路,并没有实际调试过。

首先,增加js代码,当页面滚动到最后,或者点击按钮“加载更多”时,ajax方式加载新文章列表。




next():)?>

title() ?>

excerpt(200);?>


>代码说明:点击“加载更多”按钮时,调用`load_more_post`函数,并加载下一页的文章内容。注意加载的url中加了一个`load_type=ajax`参数,用于标示该请求是ajax方式加载。

然后,继续修改`index.php`皮肤文件,增加如下代码:


next():)?>

title() ?>

excerpt(200);?>



汇总`index.php`代码如下:



next():)?>

title() ?>

excerpt(200);?>







next():)?>

title() ?>

excerpt(200);?>


[1]: http://segmentfault.com/q/1010000002771835?_ea=271983

上一篇 2015-07-16 上午6:14
下一篇 2015-07-31 上午4:42