访问数据库后更改 DOM

Posted 2023-05-09

【中文标题】访问数据库后更改 DOM

【英文标题】：changing the DOM after accessing a database

【发布时间】：2021-07-28 19:46:23

【问题描述】：

我正在使用 php 中的 PDO 库来访问数据库并将一些值返回到需要在用户首次打开网页时显示的表中，

在此之后我想实现一个过滤选项，以便用户可以在表单字段中输入一些数据，并根据用户设置的过滤器更新显示的数据。

我不知道在这种情况下如何更新 DOM，是否可以使用 Jquery 更新 DOM，以便表中只显示新值，或者我需要重定向到新页面/用完整的请求/响应周期重建我的表。

无论如何感谢您的帮助。

【问题讨论】：

您的问题需要更清楚。请更新问题，提供更多详细信息并向我们展示您的一些代码。这里有两种更新 DOM 的方法，一种是使用 AJAX，您不必刷新页面，第二种是每次用户过滤数据以提供过滤后的数据时刷新页面。了解更多关于 AJAX here

【参考方案1】：

如果我理解正确，您希望将 mysql 查询结果中的数据作为表输出，然后有一个搜索栏，该搜索栏将根据搜索栏过滤输出表。我要做的是首先使用数据生成一个表并给它一个 css 类。对于搜索栏，您可以使用表单或事件侦听器来处理从搜索栏中的值应用您的过滤器。例如，您可以循环表的行并检查列是否包含搜索栏值的子字符串（例如，使用您喜欢的任何条件进行检查）并只需添加一个 css 值 display: hidden 到行，或重组表，有很多方法。