如何编写表过滤脚本

时间:2013-09-27 12:05:02

标签: javascript php jquery filter

我在网页设计/代码方面相当新,我正在试图找出/学习如何编写执行我的表格过滤器的脚本。我发现这在PHP中最容易做,因为所有数据都来自表本身(而不是MySQL DB)。

以下是带有测试表的HTML示例以及我想要实现的一些过滤器,但是我一直遇到编写可以正常工作的PHP脚本的问题。

http://www.bonemachineonline.com/test
(我在自己的网站上传了示例)

如果有人能帮我解决这个问题,我将不胜感激!编写示例或解释如何/做什么。任何事都不仅仅是欣赏!

2 个答案:

答案 0 :(得分:1)

尝试使用jquery dataTable()。 您可以参考以下链接

Jquery-dataTable()

答案 1 :(得分:0)

您有3种数据过滤方法。

如果默认情况下过滤了表格,并且未加载所有数据,请执行(1)(2)

如果您每次都加载整个表格,请使用(3)


途径

(1)服务器端,页面重新加载:您的用户检查过滤器,然后点击提交按钮。您将获得所有已检查的过滤器并将其发送到您的PHP。在服务器端,您检索过滤器并重新创建查询(SQL或其他情况)。

(2)服务器端,AJAX:完全相同的机制,但您使用AJAX请求将过滤器发送到PHP,等待响应,删除表并重新制作包含新数据的表格。

(3)客户端,仅限JavaScript:当用户检查过滤器时,触发更改事件并隐藏表中匹配的元素。


一些提示

对于方法(2)(3)jQuery可能非常有用。

对于方法(3),您可以使用库。这里:35+ Useful jQuery Filter and Sort Plugins

对于方法(1),如果在您的情况下数据在PHP数组中,则您有很多函数可以根据过滤器操作此数组。这里:Array Functions - Table of Contents