javascript - ajax的排序問題

Question

這是我透過讀取資料庫循環出來的表單

#現在我想透過點擊 姓名 性別 姓名 來排序，這個用ajax的方式該怎麼寫呢？

Answer 1

如果是資料條數特別多的話，強烈建議你使用dataTables插件，這個插件對於表格展示資料來說是相當完善的。像排序這個問題都是小問題了。

Answer 2

你一個專案做那麼就而且那麼多問題，是實習麼。這是畢業設計.....
1.ajax獲取排序的數據，最起碼要多兩個字段，一個是需要排序的字段，一個desc還是asc
2.由於一開始沒有設置排序所以需要默認排序，一般id desc。
3.避免傳過來的排序參數出現問題而導致系統層級查詢錯誤，必須驗證參數，驗證表是否存在該字段，或是否設定該字段排序。使用三元運算子去設定排序是從小到大還是大到小

前端對每個thead 的th綁定個click事件，而且th要有兩個屬性，這屬性欄位和排序方式

Answer 3

ajax只是請求後端資料,把你想要的排序方式以參數傳給後端,然後 後端查詢並返回資料展示就好了.

Answer 4

這個不關ajax的事，排序結果是後台產生的。

可以ajax提交字段名+排序方式到後台，後台就輸出排好序的json，再更新到dom裡邊。

前台也可以透過遍歷當前表格來對當前表格排序。

Answer 5

dataTables 這個外掛可以做到，可以去官網看看實例，操作也挺方便的，功能很強大

Answer 6

一種方案是使用vue、react這種 mvvm 框架，另一種就是透過調不同的介面在服務端排序後傳回客戶端。推薦第一種方案

Answer 7

本地排序，你就用演算法比較下取得的資料就行了，參考：/a/11... 後半部。
不然就像Datatables，那樣，給指令，後台拿資料就行了。
不過，我猜，你應該是想客戶端排序。 PS：Datatables這插件，用過，API有點多，用來實現你的功能，感覺大材小用，花的時間可能更多。 Datatables有中文站點，不過介紹不是特詳細。

Answer 8

如果使用jquery了，可以使用jquery的外掛tablesort，請參考說明：http://blog.csdn.net/classicb...

Answer 9

感覺不帶分頁的話，直接用 js 的 .sort() 就可以了，每次點完刪掉表格重新生成一遍。想效率高點的，找一個 html 模板庫比較好，例如 doT.js。