Question

我在一些Youtube教程中做了一个按钮，并编辑了一些代码来与我的数据库一起使用。我在网站加载时使网站显示24张图像，并且当用户单击“显示更多”按钮时，我还要加载10张图像。因此，现在显示的是24张图像，但是当我单击“显示更多”按钮时，什么也没有发生。奇怪的是，当我单击“关闭模式”之类的其他按钮时，会发生这种情况：

我不知道为什么

关闭按钮代码：

<button style='color:white' type='button' class='btn btn-default bg-custm' data-dismiss='modal'>Close</button>

这是ajax脚本图像计数

<script>

      $(document).ready(function(){
        var wallsCount = 24;
        $("#bu").click(function(){
          wallsCount = wallsCount + 10;
            $("#walls").load("iph-art-load.php", {
              wallsNewCount : wallsCount
            });
        });
      });

  </script>

用于显示数据库图像的代码

        <div id="walls">
       <?php  

            $sql = "SELECT * FROM `iph-art` LIMIT 24";
            $result = mysqli_query($connect, $sql);  

          if (mysqli_num_rows($result) > 0 ) {
          while ($row = mysqli_fetch_assoc($result)) {
                echo $row ['walls'];

      }

        }else{
       echo "There are no Wallpapers at this time";
    }
            ?>


    </div>
 <br>

显示更多按钮代码

<button id="bu" type="button" class="btn btn-secondary btn-lg btn-block">Show more wallpapers</button>

iph-art-load.php代码

      <?php 

  include 'dbh.php';


   $wallsNewCount = $_POST['wallsNewCount'];


         $sql = "SELECT * FROM `iph-art` LIMIT $wallsNewCount";
   $result = mysqli_query($connect, $sql);

    if (mysqli_num_rows($result) > 0 ) {
     while ($row = mysqli_fetch_assoc($result)) {

      echo $row ['walls'];    
      }

       }else{
      echo "There are no Wallpapers at this time";
   }



    ?>

控制台错误

ReferenceError：未定义$

预期的行为：

网站在网页上显示数据库中的24张图像。 “显示更多”按钮显示另外10张图像。

感谢您的帮助！

Answer 1

解决方案是添加：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

在我的 iph-art.php 页面上。

使用php-ajax从数据库显示更多数据

1 个答案: