使用 php-ajax 显示来自数据库的更多数据答案

【问题标题】：show more data from database using php-ajax使用 php-ajax 显示来自数据库的更多数据
【发布时间】：2019-02-01 07:12:17
【问题描述】：

我从一些 Youtube 教程中制作了一个按钮，并编辑了一些代码以使用我的数据库。我正在制作一个网站在网站加载时显示 24 张图片，当用户点击“显示更多”按钮时，再加载 10 张图片。所以现在，24 张图片正在显示，但是当我点击“显示更多”按钮时，什么也没有发生。奇怪的是，当我点击“关闭模式”等其他按钮时，会发生这种情况：

the close button

before clicking on close button

after clicking on close button

我不知道为什么

关闭按钮代码：

<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 张图像。

感谢您的帮助！

【问题讨论】：

标签： php jquery ajax database

【解决方案1】：

解决方案是添加：

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

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

【讨论】：