网站使用的是ci框架,想弄一个点击加载更多的信息流功能。用 js-ajax-控制器-模型 的形式实现。只需要加载1次就行了,默认是显示limit0,10条,点击加载再加载10条limit10,10。
这是别人帮我写的评论加载。
能不能改成文章加载
GetComments(1);
function GetComments(page)
{
$("#c-con .pages").remove();
var topic_id=971267;
$.ajax({
url:'index.php?topic/gettopiccomments',
data:{
'tid':topic_id,
'page':page
},
type : 'POST',
dataType : 'text',
success : function(result)
{
$('#c-con').append(result);
},
error : function(XMLHttpRequest, textStatus, errorThrown)
{
alert(textStatus);
}
});
}
<div id="dvList"></div>
<a href="#" id="aMore">加载更多</a>
<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<script>
var totalPage = 12, cur = 1;
$('#aMore').click(function () {
cur++;//下一页
if (cur > totalPage) { $(this).remove(); return false }//加载完所有分页隐藏按钮
$.ajax({
//xxx.php获取cur当前页参数读数据库获取数据后组合成html列表 输出到客户端即可,更多参数自己给data配置添加
url: 'xxxx.php', data: {cur:cur}, complete: function (xhr) {
$('#dvList').append(xhr.responseText);
}
})
return false;
})
</script>
试试这个了。。
<div id="dvList"></div>
<a href="#" id="aMore">加载更多</a>
<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<script>
GetTopic(1);
function GetTopic(page) {
//$("#c-con .pages").remove();
var topic_id = 971267;
$.ajax({
url: 'index.php?gettopic',//////////////
data: {
//'tid': topic_id,
'page': page
},
type: 'POST',
dataType: 'text',
success: function (result) {
$('#dvList').append(result);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
}
var totalPage = 12, cur = 0;
$('#aMore').click(function () {
cur++;//下一页
GetTopic(cur);
return false;
})
</script>
直接用jquery加载更多也行啊
http://www.sucaihuo.com/js/3390.html
这其实是一个前端问题,你可以试一试mui框架,比如其中的
预加载http://dev.dcloud.net.cn/mui/window/#preload和
上拉加载http://dev.dcloud.net.cn/mui/pullup/
应该都可以解决你的问题