phpcms任何地方均可实现点击加载更多

不废话，直接上干货：

需要准备一份jquery文件，本地就下载一份，服务器上就使用国内免费的cdn路径，我这里使用新浪的，看个人需求。

https://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.js

该文件必须放入head头部区域。

<table border="0" cellspacing="0" cellpadding="0" id="table">
{pc:get sql="select * from phpcms_news order by id desc" num="3"}
{loop $data $r}
<tr id="table_tr"><td id="table_td">{$r[title]}</td></tr>
{/loop}
{/pc}
</table>
<div id="more">
	<button type="button" onclick="add();">点击加载</button>
</div>

这里写法随意，我是调用最新的文章。

<script type="text/javascript">
	var page = 0; //定义开始页数
	function add() {
		var kzsx = true;
		if (kzsx == true) {
			kzsx = false; //关闭加载,防止重复
			page = page + 1; //当前页
			$.getJSON("/api.php?op=ajax&page=" + page, function(data) {
				var i = 0;
				$.each(data, function(r) {
					i++;
					var thumb = data[r].thumb;
					var url = data[r].url;
					var title = data[r].title;
					var description = data[r].description;
					var username = data[r].username;
					var inputtime = data[r].inputtime;
					if(data.length < 4){
						$("#more").hide(); 
					}
					var html = '<tr id="table_tr"><td id="table_td">'+title+'</td></tr>';
					$("#table").append(html); //追加到列表
				});
			});
		}
	};
</script>

这段可以直接放入页面或者做成js文件引用，但是必须放到底部。

还差最重要的一步：

获取数据源。

[template id="152671"]