javascript - 更改 "scroll"上的 php 变量

Question

我有一个 php 变量 $start1，每次用户到达页面底部时，我都需要将该变量的值增加“10”。我读过一些关于 ajax 的内容，但我不知道如何实现它。

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {

// increase $start1 by '10'

我尝试将 php 变量存储在 js 变量中，但不知何故它没有成功。希望得到一些帮助!谢谢。

Answer 1

无需在 PHP 中实际跟踪和递增 $start。您真正需要的是 JavaScript 中的 start 变量和用于获取内容的 API。

看起来您实际上想做这样的事情:

$(window).scroll(function() {
    var start = 0;
    var loading = false;
    if( !loading && $(window).scrollTop() + $(window).height() == $(document).height() ) {
        start += 10;
        loading = true;
        $.ajax( {
            url: 'http://yourwebsite.com/yourapi.php?start='+start,
            type: 'GET',
            dataType: 'html',
            success: function( result ) {
                $('#content').append( result );
                loading = false;
            }
        } );
    }
});

然后您想用 PHP 编写一个 API，从查询字符串中获取 $start 值(在本例中为 $_REQUEST['start'] )并回显适当的内容。

有道理吗？