CakePHP 使用 ajax 分页加载更多结果

Question

我正在关注一个教程，但我被困在这部分：

查看：

<?php if (!$isAjax):?>
<script type="text/javascript">
var lastX = 0;
var currentX = 0;
var page = 1;
$(window).scroll(function () {
currentX = $(window).scrollTop();
if (currentX - lastX > 200 * page) {
lastX = currentX;
page++;
$.get('<?php echo $this->base."/products/index/page:"; ?>' + page, function(data) {
$('#prod-list').append(data);
});
}
});
</script>
<?php endif;?>

控制器：

var $components = array('RequestHandler');

public function index($page) {
$limit = 8; 
$data = $this->Products->list_products($page, $limit);
$this->set('products',$data); 
$this->set('isAjax', $this->RequestHandler->isAjax());}

然后模型检索一些数据。 问题是在视图中，一个完整的 html 页面被附加到 prod-list 而只是新结果。我该如何“修复”它？

我在某处读到我可能需要一个新视图来获取结果并通过 ajax 获取它。这让我很困惑。

Answer 1

编辑：尊重 AD7six 注释，我已经从 $this -> layout = false; 更改了一段代码；到 $this -> layout = 'ajax';.

你需要使用ajax布局。

if ($this->request->is('ajax')) {
        $this->disableCache(); 
        $this->layout = 'ajax';
        $this->render('your_view_file');
    }