Question

我已经用一些标签写了一个网站（在A.php中），每个标签在点击时，使用jQuery的ajax从另一个php文件（= B.php）中检索多个图片数据并显示他们。这些图片是一个类的对象（在C.php中声明），每张图片都有唯一的名称，拍摄日期和拍摄地点。它们都是用PHP编写的，并存储在php变量中。最初，当异步检索数据并显示图片时，它们仅显示图片及其名称，但不显示日期和地点。我想使用模态，每个图片显示日期和地点，只有当它们被点击时才会显示。

我让模态部分正常工作，但它目前是空白的，因为我不知道如何处理这个问题并显示每张照片的日期和地点。

以下是A.php的一部分，其中modal是，我想在其中显示每张照片的日期和地点：

<div class="modal">
    <!-- Close modal process here (omitted)-->
    <div class="date-and-place">
        <?php
           /*I am not sure what to write in here*/
        ?>
    </div>
</div>

以下是B.php：

/*This is the data displayed on the screen after the tab is clicked on, 
  using ajax call from A.php
  This will only show the pictures and the name*/
<?php
    require_once("C.php");
?>
<div class="pictureData">
    <!--loop through an array containing all picture objects-->
    <?php foreach($pictures as $picture): ?>
        <img class="picture"><?php echo $picture->getPicture() ?>
        <h3 class="pictureName"><?php echo $picture->getName() ?></h3>
    <?php endforeach ?>
</div>

最后C.php：

/*This file only has class and object definitions*/
<?php
    class Pics{
        private $name;
        private $imgURL;
        private $date;
        private $place;
    }
    /*There is constructor here, and each object is given name,              
      imgURL, date and place when created(omitted)*/
    /*and there is getter functions for each as well (omitted)*/
    /*Store each object data in an array*/
    $pictures = array($object1, $object2, ....);
?>

您怎么可能显示特定照片的日期和地点信息（仅显示点击图片的日期和地点）？任何帮助将不胜感激，并提前感谢！

Answer 1

我采取完全不同的方法：

使用json_encode($pictures)
客户端：存储图像数组;显示图片
点击，modal只是从JS数组中读取其他数据

这也将内容与表示分开，因为B.php不再发送HTML。

在HTML中，如何检索存储在jQuery的Ajax中读取的php变量中的数据？

1 个答案: