Question

我正在使用CodeIgniter。在我的控制器中，我正在解码JSON响应，并在加载视图时简单地显示值。我只是在JSON数组中显示我的所有内容（没有使用数据库）。它完全是一个数组，我从中渲染数据。我想在滚动时自动加载内容。

示例：

 $resultjson = $this->curl->simple_get("http://www.test.com/api/records.php?ak=XXXXXXXX&ts=XXXXXXXX&sig=XXXXXXXX&postano=XXXXXX&count=100");

如何在自动加载时获取10条记录？就像http://pinterest.com/机制一样。我怎样才能做到这一点？

有插件吗？ CodeIgniter是否已经有了解决方案，以便我可以使用类或库？

Answer 1

您可以使用jQuery scroll event，scrollTop()和$ .ajax（）;

基本上捕捉滚动事件，看看$(window).scrollTop()是否高于<div id="auto_load"></div>（通过.offset()）并运行ajax，如果是这样的话。

div#auto_load将是加载内容的地方，并且一旦添加内容就会“跳转”。

示例：

var ajax_once = false;
$(window).bind('scroll', function() {
    if (ajax_once)
        return;

    if ($(this).scrollTop() >= $('div#auto_load').offset().top) {
        ajax_once = true;
        $.ajax({
            /* Url, dataType json etc. */
        }).done(function(data) {
            /* use the data */
            ajax_once = false;
        });
    }
});

Answer 2

Codeigniter是一个php框架，意思是服务器端，因此没有内置客户端逻辑。

您可以使用jQuery插件进行无限滚动。以下是指向它的链接：http://www.infinite-scroll.com/

使用codeigniter从数组加载更多内容

2 个答案: