這是我透過讀取資料庫循環出來的表單
#現在我想透過點擊 姓名 性別 姓名 來排序,這個用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。