javascript - 如何根据从另一个页面点击的链接填充页面内容？

Question

我正在开发一个完全在灯箱内运行的动物数据库应用程序。我正在使用粒子树的 lightbox gone wild用于灯箱。

我已经完成了设计和导航，我只需要填写动物信息页面的数据。我在下拉菜单中有一个动物列表，用户将从中单击一个动物。一旦用户点击该动物，他们将被带到该动物的信息页面(都在灯箱内)。

当然，我可以只将每只动物链接到一个单独的 html 页面，并在服务器上有 50 多个动物页面，但这不是很有效。我想要做的是拥有一个带有 div 的 html 页面，一旦加载，该页面将填充 xml 文件中的数据。

例如，如果用户点击“狐狸”，空白的动物页面将加载并在 xml 中搜索“狐狸”数据，然后用内容填充页面。

这是将您带到动物信息页面的链接:

<a id="animal_link" href="birdExample.html" class="lbAction" rel="insert">Another Bird</a>

由于动物列表和实际动物信息页面位于 2 个单独的 html 文件中，我将使用什么代码将被点击的动物传递到另一个页面，以便它知道在 xml 文件中查找什么？

(我应该说我不是 javascript 或 php 方面的专家，但我宁愿使用 javascript 来解决这个问题)。

Answer 1

您可以使用 query parameters 将数据从一个页面传递到另一个页面

<a href="animals.php?animal=bird" ... />

然后animals.php可以访问“animal”参数

<div>
    Animal selected : <?php echo $_GET["animal"] ?>
</div>