扫码关注官方订阅号
这是我通过读取数据库循环出的表单
现在我想通过单击 姓名 性别 名族 来排序,这个用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。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
如果是数据条数特别多的话,强烈建议你使用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。