php - 服务器端 (PHP) 使用 Ajax 和无限滚动进行过滤和排序-6ren

php - 服务器端 (PHP) 使用 Ajax 和无限滚动进行过滤和排序

转载作者：搜寻专家更新时间：2023-10-31 20:42:15

我已经在我的项目 (https://github.com/webcreate/infinite-ajax-scroll) 中实现了 infinite-ajax-scroll 插件。它是一个显示一长串 div 的 PHP 项目。无限滚动使用服务器端分页。我也有服务器端过滤和排序，理想情况下希望它使用 Ajax，以便它与我的无限滚动很好地配合使用。如何使用 Ajax 传递过滤器？我找到了有关如何使用 JQuery 进行过滤的教程，但没有找到使用 PHP 进行过滤的教程。

我确实找到了 http://isotope.metafizzy.co/它具有过滤和无限滚动功能，但在文档中它建议不要同时使用这两种功能，这对我来说是一个巨大的耻辱，因为它看起来像一个很棒的插件。

任何人都可以建议我最好的方法吗？如果我需要在选择新过滤器时重置无限滚动，那很好。但是我该怎么做以及如何将选定的过滤器传递给无限滚动？

以下是我到目前为止的内容。

    $cat = (isset($_GET['cat']) ? urldecode($_GET['cat']) : ''); 
    $page = (int) (!isset($_GET['p'])) ? 1 : $_GET['p'];
    $start = ($page * $pagelimit) - $pagelimit;
    $limit = $pagelimit*$page; 

    //get total number of discounts for search
    $total_items = Stuff::countItems($cat);

    if( $total_items > ($page * $limit) ){
      $next = ++$page;
    }

    //get items
$items = Stuff::getItems($cat, $sortby, $dir, $start, $limit);

if(!$items){
  header('HTTP/1.0 404 Not Found');
  echo 'Page not found!';
  exit();
} 

?>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-ias.min.js"></script>
        <script type="text/javascript">
          $(document).ready(function() {
            // Infinite Ajax Scroll configuration
            jQuery.ias({
              container : '.wrap', // main container where data goes to append
              item: '.item', // single items
              pagination: '.paginate', // page navigation
              next: '.paginate a', // next page selector
              loader: '<img src="css/ajax-loader.gif"/>', // loading gif
              noneleft: 'No more items', //Contains the message to be displayed when there are no more pages left to load
              triggerPageThreshold: 5, // show "load more" if scroll more than this to stop
              trigger: "Load more items"
            });
          });
        </script>
    </head>
    <body>
    <div class="wrap">    
        <?php
        echo 'TOTAL: '.$total_items .'<br />';

        //filter through categories*/
        echo 'FILTER BY CATEGORY:';
        foreach ($categories as $category){
            $categoryURL = urlencode($category);
            echo "<a href=\"index.php?cat=$categoryURL\">$category<a/> | ";
        }       
        //loop through and display items
       foreach ($items as $id => $item){

           echo "<div style=\"border:1px solid green;margin-bottom:5px;\" class=\"item\" id=\"item-$id\">
                    ID: $id <br />
                    $item[name]<br />                                                                                                                                                                                                                                
                    $item[cat]<br />
                    $item[description]<br />
            </div>";
        }
        ?>
    <!--paginagation-->
    <?php if (isset($next)): ?>
    <div class="paginate">
      <a href='index.php?cat=<?php echo $cat?>&p=<?php echo $next?>'>Next</a>
    </div>
    <?php endif?>
    </div>
    </body>
</html>

最佳答案

只有在客户端(针对已加载的数据)和服务器(针对 future 要加载的页面)都应用过滤器时，无限滚动和过滤才有意义。

但在应用了一些完全不同的过滤器或排序之后，我认为用户希望被带回第一页(或滚动回顶部以进行无限滚动)。丢失一些已经加载的结果是唯一的方法。你也许可以 cache这些结果稍微提高了速度。

为简化此过程，我建议您开始使用 KnockoutJS或一些类似的客户端 MVC 库。 jQuery 非常适合处理如此复杂的问题。有时您会发现自己需要更好的东西。

Here's a cleaned up extract我前段时间开发的一个应用程序需要类似的东西。 ( edit link )

您根本不需要那个“page”参数。我使用它是为了让我的“假”提供者可以返回顺序的、可读的名称。

服务器端您需要随时了解当前查询(可能是 $_SESSION)您已向客户端发送了多少结果。

像这样:

function getResults($query) {
    if($_SESSION['query']['category'] !== $query['category']) {
        if(!array_key_exists($query['category'], $_SESSION['resultsSent'])) {
            $_SESSION['resultsSent'][$query['category']] = 0;
        }
        $_SESSION['query'] = $query; 
    }

    $sql = 'SELECT * FROM foo WHERE category = ? LIMIT ?, ?';
    $data = $db->select($sql, array($_SESSION['query']['category'],  $_SESSION['resultsSent'][$query['category']], 10);

     $_SESSION['resultsSent'][$query['category']] += count($data);

    return json_encode($data);
}

if(!array_key_exists('query', $_SESSION)) {
    $_SESSION['resultsSent'] = array();
    $_SESSION['query'] = array(); // maybe some defaults here?
}

if(array_key_exists('query', $_POST)) {
    echo getResults($_POST['query']);
}

您必须编写一个执行 AJAX 调用的 resultsService。大概是这样的:

function resultsService() {
    this.query = function(query, success) {
        jQuery.post({
            url: 'index.php', 
            data: query,
            success: success
        });
    }
}

之后，您所要做的就是将无限滚动库放在顶部。

这依赖于以下事实:(1) 在客户端上，您永远不会删除已加载的数据，如果它不适合当前过滤器，您只需将其隐藏，以及 (2) 对于每个可能的过滤器组合，您的服务器知道它有多少数据发送，这样它就不会再次发回。

如果您有更复杂的过滤器，其结果不是唯一的(多个过滤器组合可能会返回一个结果 - 想想价格、评级和数量房间，而不是类别)，那么您最终将向客户发送副本。除了重置整个列表之外，没有真正的解决方案。您可以尝试跟踪您发送给客户端的所有单个结果，而不仅仅是计数，并在查询时将它们过滤掉 (WHERE id NOT IN (1, 2, 17, 20, ... )) 但这绝对不适用于大量数据。

对于排序，除了确切地知道您发送给客户端的内容或者显然是重置列表之外，绝对没有其他解决方案。

我正在 POST 将 JS 对象作为 JSON 编码字符串 (ko.toJS(this.query)) 然后 json_decode用 PHP 编写它。无论您如何构建该 JS 对象，将其作为 JSON 发送都比您自己手动将其序列化为 GET 参数要好。

此外，如果您对所有过滤器类型使用通用格式并通过服务器端设置的模式来处理它们，那也是最好的。

对于 ['category': 1, 'subcategory':2, 'user': 1234] 我会定义 categoryFilter, subcategoryFilter 和 userFilter，使用 call_user_func 调用它们并将过滤后的值作为参数传递给您的查询，并为每个值添加位。

$query = DB::table('stuff');

$filters = json_decode($_POST['query']);
foreach($filters as $filterName => $value) {
    $query = call_user_func_array($filterName . 'Filter', array($query, $value));
}

$results = $query->get();

function categoryFilter($query, $value) {
    $query->where('category_id', '=', $value);

    return $query;
}

您的实际代码的外观以及构建 SQL 查询的难易程度取决于您使用的是什么。我在上面使用的数据库类是与 Laravel 捆绑在一起的.

即使使用基本的 jQuery，在客户端构建查询对象也不应该那么困难。

关于php - 服务器端 (PHP) 使用 Ajax 和无限滚动进行过滤和排序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19516377/

文章推荐： php - 什么时候需要在实例化之前定义一个类？

文章推荐： php - REMOTE_USER 和 PHP_AUTH_USER 有时为空

文章推荐： php - 是否可以在没有 htaccess 文件的情况下重写 URL？

php - 输出 PHP 分隔符 ()，PHP 不解释分隔符
我在 JavaScript 文件中运行 PHP，例如...... var = '';). 我需要使用 JavaScript 来扫描字符串中的 PHP 定界符(打开和关闭 PHP 的 )。我已经知道使
php - PHP 是否具有确定与给定 PHP 脚本兼容的最旧 PHP 版本的内置方法？还是会永远？
我希望能够做这样的事情: php --determine-oldest-supported-php-version test.php 并得到这个输出: 7.2 也就是说，php 二进制检查 test.
php - 在没有 php 框架的情况下将 php 框架用于现有的 php 应用程序是个好主意吗？
我正在开发一个目前不使用任何框架的大型 php 站点。我的大问题是，随着时间的推移慢慢尝试将框架融入应用程序是否可取，例如在创建的新部件和更新的旧部件中？比如所有的页面都是直接通过url服务的，有几
php - 如何在同一 php 页面上的其他 php 脚本中使用 php 变量
下面是我的源代码，我想在同一页面顶部的另一个 php 脚本中使用位于底部 php 脚本的变量 $r1。我需要一个简单的解决方案来解决这个问题。我想在代码中存在的更新查询中使用该变量。 $name)
php - PHP 重定向后 PHP 是否继续执行？
我正在制作一个网站，根据不同的情况进行大量 PHP 重定向。就像这样...... header("Location: somesite.com/redirectedpage.php"); 为了安全起见
php - 如何避免在 php 文件中写入
我有一个旧网站，我的 php 标签从因为短标签已经显示出安全问题，并且在未来的版本中将不被支持。关于php - 如何避免在 php 文件中写入

php - 需要建议通过 php 编辑 php
我有一个用 PHP 编写的配置文件，如下所示，所以我想用PHP开发一个接口(interface)，它可以编辑文件值，如$WEBPATH , $ACCOUNTPATH和 const值(value)观
php - 无法发布 “PHP file” PHP
我试图制作一个登录页面来学习基本的PHP，首先我希望我的独立PHP文件存储HTML文件的输入(带有表单)，但是当我按下按钮时(触发POST到PHP脚本) )我一直收到令人不愉快的错误。我已经搜索了S
php - PHP 是否有生成有效 PHP 表达式的打印函数？
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
php - PHP 数组键有大小限制吗？ PHP 数组一般有哪些限制？
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: What is the max key size for an array in PHP? 正如标题所说，我想知道
php - PHP 是否有生成有效 PHP 表达式的打印函数？
我正在寻找一种让 PHP 以一种形式打印任意数组的方法，我可以将该数组作为赋值包含在我的(测试)代码中。 print_r 产生例如: Array ( [0] => qsr-part:1285 [1]
php - 让函数在 php 刷新时执行 (PHP)
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
php - 按时间段显示菜单 PHP PHP MySQL
我在 MySQL 数据库中有一个表，其中存储餐厅在每个工作日和时段提供的菜单。表结构如下: i_type i_name i_cost i_day i_start i_
php - 将参数发送到嵌套在 PHP 页面内的动态 PHP
我有两页。 test1.php 和 test2.php。我想做的就是在 test1.php 上点击提交，并将 test2.php 显示在 div 中。这实际上工作正常，但我需要向 test2.php
php - 文本区域 -> php -> mysql -> php
我得到了这个代码。我想通过textarea更新mysql。我在textarea中回显我的MySQL，但我不知道如何更新它，我应该把所有东西都放进去吗，因为_GET模式没有给我任何东西，我也尝试_GET
php - 我如何将一个 php 的值解析为另一个 php
首先，我是 php 的新手，所以我仍在努力学习。我在 Wordpress 上创建了一个表单，我想将值插入一个表(data_test 表，我已经管理了)，然后从 data_test 表中获取所有列(id
php - php 中的安全首选项、php 函数来清理输入
我有以下函数可以清理用户或网址的输入: function SanitizeString($var) { $var=stripslashes($var); $va
php - HTML/PHP 登录重定向到 php
我有一个 html 页面，它使用 php 文件查询数据库，然后让用户登录，否则拒绝访问。我遇到的问题是它只是重定向到 php 文件的 url，并且从不对发生的事情提供反馈。这是我第一次使用 html、
php - onClick php PHP 函数然后重定向
我有一个页面充满了指向 pdf 的链接，我想跟踪哪些链接被单击。我以为我可以做如下的事情，但遇到了问题: query($sql); if($result){
php - 有没有办法从 PHP 代码加载的文件中解析 PHP？
我正在使用从外部文本文件加载 HTML/PHP 代码 $f = fopen($filename, "r"); while ($line = fgets($f, 4096)) { print $l

搜寻专家

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

php - 服务器端 (PHP) 使用 Ajax 和无限滚动进行过滤和排序