这是我通过读取数据库循环出的表单
现在我想通过单击 姓名 性别 名族 来排序,这个用ajax的的方式应该怎么写呢?
欢迎选择我的课程,让我们一起见证您的进步~~
如果是数据条数特别多的话,强烈建议你使用dataTables插件,这个插件对于表格展示数据来说是相当完善的。像排序这个问题都是小问题了。
你一个项目做那么就而且那么多问题,是实习么。这个是毕业设计.....1.ajax获取排序的数据,最起码要多两个字段,一个是需要排序的字段,一个desc还是asc2.由于一开始没有设置排序所以需要默认排序,一般id desc。 3.避免传过来的排序参数出现问题而导致系统级别查询错误,必须验证参数,验证表是否存在该字段,或是否设置该字段排序。使用三元运算符去设置排序是从小到大还是大到小
前端对每个thead 的th绑定个click事件,而且th要有两个属性,这属性字段和排序方式
ajax只是请求后端数据,把你想要的排序方式以参数传给后端,然后 后端查询并返回数据展示就好了.
这个不关ajax的事,排序结果是后台生成的。
可以ajax提交字段名+排序方式到后台,后台就输出排好序的json,再更新到dom里边。
前台也可以通过遍历当前表格来对当前表格排序。
dataTables 这个插件可以做到,可以去官网看看实例,操作也挺方便的,功能很强大
一种方案是使用vue、react这种 mvvm 框架,另一种就是通过调不同的接口在服务端排序后返回客户端。推荐第一种方案
本地排序,你就用算法比较下获取的数据就行了,参考:/a/11... 后半部。不然就像Datatables,那样,给指令,后台拿数据就行了。不过,我猜,你应该是想客户端排序。 PS:Datatables这插件,用过,API有点多,用来实现你的功能,感觉大材小用,花的时间可能更多。Datatables有一个中文站点,不过介绍不是特详细。
如果使用jquery了,可以使用jquery的插件tablesort,参见说明:http://blog.csdn.net/classicb...
感觉不带分页的话,直接用 js 的 .sort() 就可以了,每次点完删掉表格重新生成一遍。想效率高点的,找一个 html 模板库更好,例如 doT.js。
如果是数据条数特别多的话,强烈建议你使用dataTables插件,这个插件对于表格展示数据来说是相当完善的。像排序这个问题都是小问题了。
你一个项目做那么就而且那么多问题,是实习么。这个是毕业设计.....
1.ajax获取排序的数据,最起码要多两个字段,一个是需要排序的字段,一个desc还是asc
2.由于一开始没有设置排序所以需要默认排序,一般id desc。
3.避免传过来的排序参数出现问题而导致系统级别查询错误,必须验证参数,验证表是否存在该字段,或是否设置该字段排序。使用三元运算符去设置排序是从小到大还是大到小
前端对每个thead 的th绑定个click事件,而且th要有两个属性,这属性字段和排序方式
ajax只是请求后端数据,把你想要的排序方式以参数传给后端,然后 后端查询并返回数据展示就好了.
这个不关ajax的事,排序结果是后台生成的。
可以ajax提交字段名+排序方式到后台,后台就输出排好序的json,再更新到dom里边。
前台也可以通过遍历当前表格来对当前表格排序。
dataTables 这个插件可以做到,可以去官网看看实例,操作也挺方便的,功能很强大
一种方案是使用vue、react这种 mvvm 框架,另一种就是通过调不同的接口在服务端排序后返回客户端。推荐第一种方案
本地排序,你就用算法比较下获取的数据就行了,参考:/a/11... 后半部。
不然就像Datatables,那样,给指令,后台拿数据就行了。
不过,我猜,你应该是想客户端排序。 PS:Datatables这插件,用过,API有点多,用来实现你的功能,感觉大材小用,花的时间可能更多。Datatables有一个中文站点,不过介绍不是特详细。
如果使用jquery了,可以使用jquery的插件tablesort,参见说明:http://blog.csdn.net/classicb...
感觉不带分页的话,直接用 js 的 .sort() 就可以了,每次点完删掉表格重新生成一遍。想效率高点的,找一个 html 模板库更好,例如 doT.js。