Javascript 如何根据从其他页面单击的链接填充页面内容？

我正在开发一个完全在lightbox中工作的动物数据库应用程序。我正在为灯箱使用粒子树

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

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

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

以下是将带您进入动物信息页面的链接：

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

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

---

（我应该提到，我不是javascript或php方面的专家，但我更愿意使用javascript来解决这个问题）。

如果您试图将参数传递给满足许多不同需求的通用HTML页面，那么典型的方法就是使用查询参数

查询参数固定在URL的末尾，如下所示：

http://www.yourdomain.com?animal=coyote&location=Yellowstone

查询参数（问号后面的部分）可以由服务器处理（以便根据这些参数更改页面中的内容），也可以由客户端javascript处理，以决定如何呈现页面或将哪些数据放入其中。如果服务器忽略查询参数，则具有相同基本URL但不同查询参数的所有URL将加载相同的基本HTML页面，然后客户端javascript可以决定如何为每个不同的参数集呈现页面

---

然后，您可以将这些URL放入第一页的链接中。他们将加载第二页，并根据单击的链接将所需数据传递给第二页。

您可以使用

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

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

所选动物：

这比我想象的要简单得多。谢谢你知道一个好的网站可以阅读更多关于查询参数的信息吗？谢谢！在javascript中获取“动物”的相同函数是什么？javascript很复杂！

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