Javascript 如何基于数据库值创建动态筛选的web列表

Javascript 如何基于数据库值创建动态筛选的web列表,javascript,jquery,html,Javascript,Jquery,Html,我已经建立了一个运输类型的数据库,并将这些类型的各种元数据输入到一个基于web的数据库(MySQL)中。我的数据的类型和分类值是动态的,所以我不想硬编码太多 我想创建一个基于web的筛选器窗格,其中显示我数据的各种属性,供用户对数据应用各种筛选器。一旦选择了各种筛选器属性,我想对数据库执行查询,并在页面上的网格中返回结果记录 请参见下面的示例: 在本例中,我希望将图像与数据库中的某些属性类型相关联,这样当用户单击图像时,网格将使用相关的数据库信息进行更新 我想用PHP,ajax和Html来做这

我已经建立了一个运输类型的数据库,并将这些类型的各种元数据输入到一个基于web的数据库(MySQL)中。我的数据的类型和分类值是动态的,所以我不想硬编码太多

我想创建一个基于web的筛选器窗格,其中显示我数据的各种属性,供用户对数据应用各种筛选器。一旦选择了各种筛选器属性,我想对数据库执行查询,并在页面上的网格中返回结果记录

请参见下面的示例:

在本例中,我希望将图像与数据库中的某些属性类型相关联,这样当用户单击图像时,网格将使用相关的数据库信息进行更新

我想用PHP,ajax和Html来做这件事。。。然而,我想知道是否有任何框架和特定组件可以让这变得容易(比如jQuery或MooTools)


这对我来说是全新的,任何帮助都将不胜感激

您试图解决的问题接近于“分面搜索”。请用谷歌搜索这个词,你会得到很多信息


您可以使用Solr或Lucene来实现分面搜索。

您好,对不起,这对于堆栈溢出问题来说太宽泛了。对于如何做一些事情,您有什么具体的问题吗?是的,jQuery确实会有帮助,特别是在处理AJAX请求时。As@Pekka웃 注意,你的问题相当广泛。谢谢你的非犹太人的回答。是的,我想这有点通用。我正试图找出我应该投入精力的ajax库集。。。为了让这变得容易…谢谢。。。这正是我想要的!。。。。如本例所示