如何根据从其他页面点击的链接填充页面内容?

时间:2013-12-01 08:58:50

标签: javascript php html xml database

我正在开发一个完全在灯箱内工作的动物数据库应用程序。我正在使用粒子树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来解决这个问题。)

2 个答案:

答案 0 :(得分:2)

您可以使用query parameters

将数据从一个页面传递到另一个页面
<a href="animals.php?animal=bird" ... />

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

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

答案 1 :(得分:1)

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

查询参数被添加到URL的末尾,如下所示:

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

查询参数(问号后面的部分)可以由服务器处理(为了根据这些参数更改它在页面中放置的内容),也可以由客户端javascript处理它们以进行决策如何呈现页面或放入哪些数据。如果您的服务器忽略了查询参数,那么具有相同基本URL但不同查询参数的所有URL将加载相同的基本HTML页面,然后您的客户端javascript可以决定如何为每个不同的参数集呈现页面。

然后,您可以将这些网址放入首页上的链接中。他们将加载第二页,并将所需数据相应地传递给第二页,以便点击链接。