为sql查询加载更多按钮(偏移量)

时间:2014-09-09 22:59:50

标签: javascript php jquery sql

嘿我想要一些javascript,autoload功能的帮助,如(infinty scroll)

我所做的是: 调用数据库来获取所有数据(SELECT * FROM ... LIMIT 50 OFFSET ...)

现在我需要知道如何在向下滚动到

的末尾时增加偏移数

我真的很想在google上找到这个,但只有我得到的东西不适合我,javascript是我最糟糕的脚本语言

我希望有人可以帮助我! 或者给我看一个非常好的教程:)  thx for reading

1 个答案:

答案 0 :(得分:0)

这就是我很久以前的做法:

JS:

var times = 1;
 $(window).scroll(function() {
            if($(window).scrollTop() + $(window).height() == $(document).height() && $('#endless').is(":visible") && searching != true) {
                times++;
                $.ajax({
                    type: 'post',
                    url: "classes/infinite.php",
                    data: {length: times},
                    complete: function(response) {
                        document.getElementById('endless').innerHTML = document.getElementById('endless').innerHTML + response.responseText;
                    }
                });
            }
        });

classes / infinite.php文件:

$length = $_POST['length'];
$length = $length * 12;
$pdo = new PDO("mysql:host=localhost;dbname=market", "root", "");
$sth = $pdo->prepare("SELECT * FROM `offers` WHERE amount > 0 ORDER BY `date` LIMIT :lim1 , :lim2");
$length2 = $length - 12;
$sth->bindParam(':lim1', $length2, PDO::PARAM_INT);
$sth->bindParam(':lim2', $length, PDO::PARAM_INT);

我使用ajax将限制发布到我的databquery文件,然后我将结果附加到无尽的div。

希望这有帮助