mysql - 使用 AJAX 过滤从数据库生成的 HTML 表的行

Question

我有一个由 AJAX 生成的 HTML/XML 表，它显示数据库表的有限列。我想使用数据库中不属于 HTML 表的列来过滤 HTML/XML 表的行。

示例:

MySQL 表(忽略错误的语法):

TABLE technicians (id,
                   name,
                   email,
                   level,
                   PRIMARY KEY (id));
TABLE certificates (id,
                    type,
                    name,
                    PRIMARY KEY(id, type),
                    FOREIGN KEY (id) REFERENCES technicians(id));

HTML/XML 表:

<table>
  <tr>
    <td>technician name</td>
    <td>technician level</td>
  </tr>
</table>

HTML/XML 表中的每一行都将显示技术人员姓名和技术人员级别，但每个“技术人员行”将在数据库中包含更多与其关联的数据。我想按证书和级别过滤每个“技术人员行”。请注意，当过滤单个属性时，会显示/隐藏相应的行，而不是立即提交一组条件(基本上每个条件都会提交自己)。

据我所知，我可以通过以下方式做到这一点:

1. 跟踪 HTML/XML 表中的附加数据。这样我就可以在过滤属性时隐藏/显示各个行。
2. 通过将过滤条件传递到我的服务器端脚本来重新加载表。这需要我解析整个过滤器表单并在每次过滤属性时重新加载整个表。
3. 将过滤条件的 AJAX 请求发送到脚本，该脚本将以 JSON 格式返回技术人员的 ID。这样我就可以只将技术人员的 ID 存储在表行中。

我是网络开发新手，我正在尝试在服务器端与客户端之间找到良好的平衡。实现这一目标的正确方法是什么？

编辑:添加数字 3。

Answer 1

如果(似乎是这种情况，因为你提到了 AJAX)你已经要求客户端的浏览器具有良好的 Javascript 功能才能访问你的网站，我会这样做，发送所有相关的数据以 JSON 形式从正确的 SELECT 查询传递到客户端；这样，客户端的 Javascript 代码可以执行所有所需的过滤，并根据需要动态构建和显示 HTML 表——比往返服务器更快(快得多，在优秀的现代浏览器和优秀的 Javascript 引擎)。

如果您为您的工作选择一个好的 Javascript 框架(jQuery 似乎是目前最流行的框架，我认为可以推荐它)，那么该任务(像大多数其他 Javascript 任务一样；-)会非常方便作为新用户的“默认”选择)——特别是，此类框架在消除许多浏览器差异、不兼容性和错误方面做得非常出色，使您的网站可供更广泛的受众使用。