AJAX功能可在同一页面中显示动态数据

Question

我想设计一个网页，如下图所示。有三个面板（1,2,3）。如果我点击团队（面板1），那么面板2和3a将被填满。如果我然后单击特定组（G1），则将填充面板3b。如果我然后点击特定的动物（A1），那么面板3c将被填满。使用PHP从Oracle数据库获取数据。

我是AJAX的新手。能告诉我最好最有效的方法吗？

谢谢你 圣

Answer 1

我强烈建议使用jQuery框架，例如jQuery。使用AJAX需要花费很多精力（参见http://api.jquery.com/jQuery.get/）。

您可以通过多种方式检索数据：

1. 最简单的方法是生成 （2）中的整个表格 PHP脚本，并将HTML加载到 容器div。不利的一面 这就是如果你想改变的话 您的HTML模板，您必须这样做 也可以更改PHP文件。

2. 或者，您可以回显数据 来自你的JSON格式的PHP（使用 PHP中的json_encode() - http://www.php.net/manual/en/function.json-encode.php）。 所以你要构建你的行数组 数据并执行echo json_encode($data);。你可以 使用jQuery.get（）将其加载为 JSON。

   一旦你完成了，你需要 清除你桌子的任何旧行 （标题除外）并添加新的 那些。同样，jQuery会简化 这个过程，但如果不是那么容易 你没有多少经验。

正如我所说，第一种方法相当容易，因为它只需要相当基本的PHP和Javascript。第二种方法更清洁，更灵活，可能带宽更轻，但要困难得多。

填充3（a-c）基本上是同一个问题。您可以在PHP中生成整个内容，只需设置容器HTML，或在div内部使用基本HTML模板（但使用CSS隐藏：display:none;）并填充该模板。

Answer 2

如果您是javascript / Ajax的新手，我建议您查看一些库（这并不是说如果没有这些框架，您就不应该学习Javascript的工作方式）。

一个好的起点是jquery，mootools或prototype。

这三个javascript库具有内置的Ajax功能，旨在让您的生活更轻松。