Php 在jQuery单击函数后加载MySQL数据？

我有一个php页面，可以从MySQL表中加载（链接到）图像及其各自的数据。页面上显示的每个图像都是相册的第一个图像

表1

id  |  screeningId  |  mainImageUrl  |  movie  |  venue  |  location  |  date

 1          1            red.jpg       Movie1     Venue1    Location1    2015
 2          2            blue.jpg      Movie2     Venue2    Location2    2016
 3          3            orange.jpg    Movie3     Venue3    Location3    2016
 4          4            white.jpg     Movie4     Venue4    Location4    2017

当我单击一个图像时，我想将其余的图像加载到一个弹出式库中，这些图像存储在不同的MySQL表中

表2

id | screeningId | imageUrl
 1        1        red2.jpg
 2        1        red3.jpg
 3        1        red4.jpg
 4        1        red5.jpg
 5        1        red6.jpg
 6        1        red7.jpg
 7        2        blue2.jpg
 8        2        blue3.jpg
....
....

例如，如果我单击

red.jpg

（来自表1），我想将表2中

screeningId

值为

1

的所有图像加载到弹出式图库中

单击表1中的图像会触发jQuery函数：

$（.img_div”）。单击（函数（）{…}

…打开弹出窗口。此时我还想加载表2中的图像。这就是我被卡住的地方

我试图通过在click函数中嵌套php标记来提取表2数据，但这被证明是有问题的和荒谬的

我还考虑过在页面加载时提取所有表2数据并将其存储在一个数组中，但这是必要的吗

我该怎么做

---

试图从脚本中提取数据

    $(".img_div").click(function() {

    <?php
        $sql = "SELECT * FROM screeningsImages WHERE screeningId = 1";
        $result = mysqli_query($db, $sql);
        while ($row = mysqli_fetch_array($result)){
        ....
        }
    ?>

$（.img\u div”）。单击（函数（）{

你使用过Ajax吗？你能在单击功能中提供你的代码吗？@coffeebot阅读此示例。制作一个照片滑块div，当你单击打开按钮时，用来自Ajax请求的链接替换图像。这取决于你是否想在不重新加载页面的情况下加载图像。Ajax是从数据库中提取数据的一种简单方法。有有很多使用AJAX、PHP和mySQL（以及