使用Jquery/AJAX/Javascript搜索、排序、分页和过滤DIVs

Question

我正在做项目的前端工作，然后再做后端工作。不过，我遇到了麻烦。我有一个DIVs列表(希望它们也是可折叠的)，它们应该显示给定邮政编码周围的各种公寓。问题是，我不知道到哪里去找这些东西：

• 首先，我希望按名称或排名对这些div进行排序。
• 第二，我希望能够搜索这些结果，扔掉他们不想要的结果，即我输入A，所有以字母B开头的公寓都消失在列表中。我认为在A之后的p中，所有的Aa-Az字母都会从列表中消失，等等，
• 第三，我应该使用jQuery来分页我的结果，还是应该使用PHP -Az，我有一个过滤器框。除了使用不同的可选选项(动态使用AJAX)外，我还想执行上面的操作。用户选择，1到3卧室公寓，没有宠物，并点击过滤器.有价值的公寓清单。

我是否可以使用jQuery/Javascript来加速这个过程，当Javascript被禁用时也会退化呢？我知道这听起来很难，但是任何帮助都是非常感谢的。

Answer 1

要使它在没有javascript的情况下工作，并且仍然按照您的需要运行，我想您必须用纯旧的html (带有表单post/ links)构建它，然后添加jquery功能，使其在启用javascript时更漂亮、更快。

如果我这样做了，我将使用表单post构建它，它返回整个页面(当javascript被禁用时)，并在页面加载上添加jquery事件，以防止默认的表单post，而是使用ajax post只部分加载页面和过渡效果。

最后一件事是，如果要在页面上显示大量数据，请在数据库级别使用分页和排序，只返回页面的可见内容。这将使用和不使用javascript，并且是可伸缩的(在javascript中有很多结果是无法管理的)