我正在开发一个完全在灯箱内工作的动物数据库应用程序。我正在使用粒子树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来解决这个问题。)
答案 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可以决定如何为每个不同的参数集呈现页面。
然后,您可以将这些网址放入首页上的链接中。他们将加载第二页,并将所需数据相应地传递给第二页,以便点击链接。