Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery/AJAX/Javascript搜索、排序、分页和过滤div_Javascript_Jquery_Jquery Plugins - Fatal编程技术网

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

使用Jquery/AJAX/Javascript搜索、排序、分页和过滤div,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在做项目的前端工作,稍后再做后端工作。不过我遇到了一个障碍。我有一个div列表(希望它们也是可折叠的),可以显示给定邮政编码周围的各种公寓。问题是,我不知道到哪里去找这些东西: 首先,我想按姓名或排名对这些部门进行排序 第二,我 希望能够搜索这些结果并扔掉那些 他们不想要,也就是说,我输入一个,所有以 字母B-Z在列表中消失。我认为在p中,在A之后,都是Aa-Az 信件从名单上消失了,等等 第三,我应该使用jQuery对结果进行分页,还是应该使用PHP 最后,我有一个过滤盒。我想做与上面相

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

  • 首先,我想按姓名或排名对这些部门进行排序
  • 第二,我 希望能够搜索这些结果并扔掉那些 他们不想要,也就是说,我输入一个,所有以 字母B-Z在列表中消失。我认为在p中,在A之后,都是Aa-Az 信件从名单上消失了,等等
  • 第三,我应该使用jQuery对结果进行分页,还是应该使用PHP
  • 最后,我有一个过滤盒。我想做与上面相同的事情,除了不同的可选选项(使用AJAX动态)。用户选择,1至3居室公寓,无宠物, 然后点击过滤器。。。繁荣,有价值的公寓列表

我可以使用jQuery/Javascript来加速这个过程吗?当禁用Javascript时,这个过程也会降级?我知道这听起来很难,但是如果您能提供任何帮助,我将不胜感激。

如果您不使用javascript,并且仍然可以按照您的意愿运行,我想您必须在纯旧html(带有表单post/链接)中构建它,然后添加jquery ajax功能,以便在启用javascript时使其更美观、更快

如果我这样做的话,我会使用返回整个页面(当禁用javascript时)的form post构建它,并在页面加载上添加jquery事件以防止默认的form post,而使用ajax post仅部分加载页面并应用转换效果

最后一件事,如果页面上有大量数据要显示,请在数据库级别使用分页和排序,只返回页面的可见内容。这将与javascript一起工作,也可以不使用javascript,并且是可伸缩的(有很多结果,它在javascript中变得难以管理)