Question

我正在使用AJAX从图库中加载更多数据。

我传递PHP变量来设置$ page number和其他数据。每次我从AJAX加载更多数据时，我希望$ page增加1，以便下次获取列表中的下一个数据。这是我的JS

$(window).bind('scroll', function() {
if($(window).scrollTop() >= $('#postswrapper').offset().top + $('#postswrapper').outerHeight() - window.innerHeight) {


    $('div#loadmoreajaxloader').show();
    $.ajax
    ({
        url: "loadmore.php",
        method: "get",
        data: { page: "<?=$page?>", perpage: "<?=$perpage?>"},
        success: function(html)
                {
                    if(html)
                    {
                        $("#postswrapper").append(html);
                        $('div#loadmoreajaxloader').hide();

                        // ###### THIS IS NOT WORKING 
                        <? $page++; ?>

                    }
                    else
                    {
                        $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
                    }

                }

    }); // close AJAX

}  // close if()
}); // close $(window)

我尝试在成功功能中加入<? $page++; ?>，但它无效。

我在SQL查询中使用$page变量

这是我的loadmore.php代码

if (isset($_GET['page'])) 
{
   $page = $_GET['page'];  
   $perpage = $_GET['perpage']; 
   $start = ($page -1) * $perpage ;

   $sql = mysql_query("select * from ..... limit ".$start.", ".$perpage." ");

   $html = '';

    while($blog2 = mysql_fetch_array($sql))
{  
    $html .='HTML GOES HERE';
 }  

echo $html;
exit;
}

我想要实现的是每次加载更多数据时从下一页开始加载SQL查询...有关我应该如何进行的任何建议？

Answer 1

首先，请记住清理PHP文件中的任何用户输入以防止sql注入：

$page = $_GET['page'];
$perpage = $_GET['perpage'];

// escape the values, or make sure they are numbers, e.g.:
if(!is_numeric($page))
  $page = 0;
if(!is_numeric($perpage))
  $perpage = 10; // or whatever default value

将PHP值写入Javascript变量并使用js代码中的那些：

var pageNumber = <?= $page ?>;
var perPage = <?= $perpage ?>;

$(window).bind('scroll', function() {
  if($(window).scrollTop() >= $('#postswrapper').offset().top + $('#postswrapper').outerHeight() - window.innerHeight) {


    $('div#loadmoreajaxloader').show();
    $.ajax
    ({
        url: "loadmore.php",
        method: "get",
        data: { page: pageNumber, perpage: perPage},
        success: function(html)
                {
                    if(html)
                    {
                        $("#postswrapper").append(html);
                        $('div#loadmoreajaxloader').hide();

                        // use the js variable
                        pageNumber++;

                    }
                    else
                    {
                        $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
                    }

                }

    }); // close AJAX

}  // close if()
}); // close $(window)

Answer 2

否

PHP运行服务器端，AJAX运行客户端。你需要一个javascript变量（尽管你可以用PHP设置它的初始值）。

如何在每次调用AJAX时修改PHP变量

2 个答案: