【发布时间】:2017-11-20 07:19:42
【问题描述】:
我正在学习“https://www.youtube.com/watch?v=V_qZOaGSEQE”的教程。我想用 jquery 在 phalcon 中实现自动分页。 自动滚动正常工作,没有任何错误,但问题是我不明白如何使用 phalcon 将查询数据传递给 jquery。 这就是为什么总是有 5 个数据连续渲染并且它的数据相同。我的意思是总是一次又一次地渲染 1-5。 有人请帮帮我...!我怎样才能通过自动分页正确检索数据。
[控制器]
namespace Multiple\Frontend\Controllers;
use Phalcon\Paginator\Adapter\Model as paginator;
public function postloaderAction()
{
$numberPage = $this->request->getPost("page", "int",1);
$record_per_call = 5;
$offset = ($numberPage - 1) * $record_per_call;
$bloger = Blogs::find(array("limit" => array("number" => $record_per_call, "offset" => $offset), "order" => "datetime DESC"));
foreach($bloger as $blog)
{
echo('<div> <h1><a href="blog/details/'.$blog->id.'">'.$blog->blog_title.'</a></h1><img src="uploads/blogs/'.$blog->blog_image.'"/></div>');
}
}
public function indexAction()
{
if($this->request->isAjax())
{
echo($this->view->getRender('blog', $this->postloader()));
return false;
}
}
['主布局视图/Jquery']
var page = 1;
mycontent(page);
$(window).scroll(function(){
if($(window).scrollTop() + $(window).height() > $('.blogItems').height())
{
page++;
mycontent(page);
}
});
function mycontent(page)
{
$('.loader_msg').html('Loading Expansion...');
$.post('blog/postloader',{page:page}, function(data){
if(data.trim().length == 0)
{
$('.loader_msg').html('No Data Found');
}
$('.blogItems').append(data);
// $('.animate').animate({scrollTop:$('.loading').offset().top}, 1000);
$('.loader_msg').hide();
});
}
[博客视图]
<div class="blogItems">
<p class="loader_msg"></p>
</div>
[输出]
【问题讨论】:
标签: javascript php jquery mysql phalcon