javascript - ajax的排序問題
天蓬老师
天蓬老师 2017-06-13 09:21:54
0
9
907

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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(9)
三叔

如果是資料條數特別多的話,強烈建議你使用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。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板