在onclick上动态显示数据库信息

Question

我使用LAMP设置了一个供个人使用的Web服务。 基本上，我有一个可滚动的列表，其中包含我在PHP脚本中提取的一些数据库信息。我希望能够点击其中一个项目，并在预览窗格中显示更多信息。 （预览窗格已设置）

我预计我的数据库中不会有超过100个条目。此外，我拉的数据非常小......大约10个字段，所有文本数据。

我的问题如下： 如果我一次性提取我需要的所有数据，我如何存储它以便我定义的每个数据块（在预览窗格中需要2-3行）是“缓存”并且我可以访问给定的块我会在点击相应的列表条目时显示它吗？ 基本上，这与在网络浏览器中点击电子邮件并将其余信息显示在预览窗格中大致相同。

感谢。

nb：我正在使用预览窗格或列表这一事实无关紧要。只是描述我在做什么。

Answer 1

如果我理解正确，你想创建一个简单的页面，其中隐藏了几个细节，直到你点击不同的按钮。如果您希望以“缓存”方式执行此操作，可以尝试以下操作：

1. 获取完整数据，以便结果HTML中的所有内容（包含详细信息）结束。一切：我的意思是，应该始终可见的部分以及只有在按下按钮后才能看到的细节。
2. 现在，到设计。您将不得不编写CSS代码，这将隐藏详细信息。 （当然，为此，您必须在步骤1中创建HTML，例如，您可以通过CSS类来定位详细信息。）您还必须弄清楚如何创建按钮。
3. 最复杂的部分是将按钮绑定到Javascript操作，这将执行显示隐藏的详细信息。您可以从Javascript控制所有CSS属性，例如，您可以动态更改<div>的位置，大小，文本颜色等。

现在大多数人都使用jQuery执行第3步中的任务，甚至是在jQuery之上构建的软件库。如果您刚开始使用像这样的任务，这可能会有很大帮助。在jQuery网站上，您将找到一个很好的起点，称为jQuery Learning Center。

编辑：我已经创建了一个非常基本的小提琴，让您测试我的概念的JS部分，请在此处查看：http://jsfiddle.net/eL9mj/22/