Javascript 如何编写用于表筛选的脚本
我对网页设计/代码相当陌生,我正试图找出/学习如何编写脚本来执行我的表过滤器。我发现这在PHP中是最容易做到的,因为所有数据都来自表本身(而不是MySQL数据库) 下面是一个带有测试表的HTML示例和一些我想实现的过滤器,但我一直在编写PHP脚本时遇到问题,这将正常工作Javascript 如何编写用于表筛选的脚本,javascript,php,jquery,filter,Javascript,Php,Jquery,Filter,我对网页设计/代码相当陌生,我正试图找出/学习如何编写脚本来执行我的表过滤器。我发现这在PHP中是最容易做到的,因为所有数据都来自表本身(而不是MySQL数据库) 下面是一个带有测试表的HTML示例和一些我想实现的过滤器,但我一直在编写PHP脚本时遇到问题,这将正常工作 (我在自己的网站上上传了示例) 无论如何,如果有人能帮我解决这个问题,我将不胜感激!编写示例或解释如何/做什么。任何事都比感激更重要 尝试使用jquerydataTable()。 你可以参考下面的链接 您有3种数据过滤方法 如
(我在自己的网站上上传了示例)
无论如何,如果有人能帮我解决这个问题,我将不胜感激!编写示例或解释如何/做什么。任何事都比感激更重要 尝试使用jquery
dataTable()
。
你可以参考下面的链接
您有3种数据过滤方法 如果默认情况下过滤了该表,并且未加载所有数据,则采用(1)或(2) 如果每次加载整个表,请使用(3)
方法 (1)服务器端,重新加载页面:用户检查过滤器,然后单击提交按钮。您将获得所有选中的过滤器并将其发送到PHP。在服务器端,检索过滤器并重新生成查询(SQL或其他) (2)服务器端,使用:完全相同的机制,但您可以通过AJAX请求将过滤器发送到PHP,等待响应,删除表并使用新数据重新生成表 (3)客户端,仅使用JavaScript:当用户检查过滤器时,触发更改事件并隐藏表中匹配的元素
一些提示 对于(2)和(3)方法,可能非常有用 对于方法(3),您可以使用库。此处:
对于方法(1),如果在您的情况下,数据在PHP数组中,那么您有很多函数可以在过滤器的函数中操作该数组。这里:。check out是一个很好的插件,可以对表客户端进行排序。如果您不需要重新发明轮子,它是一个易于编程的数据网格,您可以使用它作为基础并自定义您喜欢的方式查看jqgrid,或者如果您喜欢一些Javascript,可以查看任何框架,如ExtJS、Knockout.js、Angular.js