本文實例講述了jQuery實現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法。分享給大家供大家參考,具體如下:
如何對后臺返回過來的json數(shù)據(jù)按照數(shù)據(jù)中的某一項進行排序呢。
首先看一下排序前的json數(shù)據(jù):
{ "result":[ { "cid":1, "name":"aaa", "price":1000 },{ "cid":2, "name":"bbb", "price":150 },{ "cid":3, "name":"ccc", "price":200 },{ "cid":4, "name":"ddd", "price":1500 },{ "cid":5, "name":"eee", "price":1100 } ], "totalCount":5}
接下來,按照json中的price進行排序并打印到控制臺:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <script type="text/javascript"> //利用jquery中的get方法獲取json數(shù)據(jù) $.get("exp.json","",function(data){ var newdata=data.result //根據(jù)價格(price)排序 function sortprice(a,b){ return a.price-b.price } //利用js中的sort方法 newdata.sort(sortprice); //打印排序后的數(shù)據(jù)到控制臺 console.log(newdata); }) </script> </body></html>
這樣就完成了按照price對json數(shù)據(jù)的排序,在控制臺查看排序結(jié)果如下:
排序完成
PS:關(guān)于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.VeVB.COm/code/json
JSON在線格式化工具:
http://tools.VeVB.COm/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.VeVB.COm/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具:
http://tools.VeVB.COm/code/json_yasuo_trans
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery操作json數(shù)據(jù)技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴展技巧總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
新聞熱點
疑難解答