ajax返回的json內(nèi)容進(jìn)行排序使用sort()方法實(shí)現(xiàn)
更新時(shí)間：2013年07月11日 17:08:59 作者：
關(guān)于ajax返回的json內(nèi)容進(jìn)行排序，主要使用sort()對(duì)數(shù)組的元素進(jìn)行排序，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
關(guān)鍵方法：sort()用于對(duì)數(shù)組的元素進(jìn)行排序。
return a.num-b.num是升序；
return b.num-a.num;是降序
writeln在輸出后面加\n，在文檔里是換行，在html里是解釋稱空格。
$.post("json.json",function(data){
data.sort(function(a,b){return a.num-b.num;});
for(var i=0;i<data.length;i++){
var nums=data[i].num;
document.writeln(nums);
}
},"json")
json數(shù)據(jù)：
[
{
"num":"5"
},
{
"num":"1"
},
{
"num":"3"
},
{
"num":"2"
}
]
return a.num-b.num是升序；
return b.num-a.num;是降序
writeln在輸出后面加\n，在文檔里是換行，在html里是解釋稱空格。
復(fù)制代碼 代碼如下:
$.post("json.json",function(data){
data.sort(function(a,b){return a.num-b.num;});
for(var i=0;i<data.length;i++){
var nums=data[i].num;
document.writeln(nums);
}
},"json")
json數(shù)據(jù)：
[
{
"num":"5"
},
{
"num":"1"
},
{
"num":"3"
},
{
"num":"2"
}
]
您可能感興趣的文章:
- javascript對(duì)JSON數(shù)據(jù)排序的3個(gè)例子
- json格式數(shù)據(jù)的添加，刪除及排序方法
- json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
- 基于JavaScript實(shí)現(xiàn)Json數(shù)據(jù)根據(jù)某個(gè)字段進(jìn)行排序
- JavaScript對(duì)JSON數(shù)據(jù)進(jìn)行排序和搜索
- JSON 數(shù)字排序多字段排序介紹
- Json按某個(gè)鍵的值進(jìn)行排序
- JS實(shí)現(xiàn)對(duì)json對(duì)象排序并刪除id相同項(xiàng)功能示例
- 實(shí)現(xiàn)單層json按照key字母順序排序的示例
- JS實(shí)現(xiàn)json對(duì)象數(shù)組按對(duì)象屬性排序操作示例
相關(guān)文章
Ajax的jsonp方式跨域獲取數(shù)據(jù)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Ajax的jsonp方式跨域獲取數(shù)據(jù)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
iframe實(shí)現(xiàn)Ajax文件上傳效果示例
Ajax文件上傳效果實(shí)現(xiàn)的方法有很多，在本文將為大家介紹下使用iframe是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
ajax刷新是一種用戶體驗(yàn)良好的刷新方式,這篇文章主要介紹了ajax異步請(qǐng)求刷新,感興趣的小伙伴們可以參考一下2016-08-08
jQuery Ajax顯示對(duì)號(hào)和錯(cuò)號(hào)用于驗(yàn)證輸入驗(yàn)證碼是否正確
這篇文章主要介紹了jQuery Ajax顯示對(duì)號(hào)和錯(cuò)號(hào)用于驗(yàn)證輸入驗(yàn)證碼是否正確的相關(guān)資料,需要的朋友可以參考下2017-04-04
Ajax與mysql數(shù)據(jù)交互制作留言板功能（全）
這篇文章主要為大家詳細(xì)介紹了Ajax與mysql數(shù)據(jù)交互，實(shí)現(xiàn)留言板功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用對(duì)象封裝ajax重復(fù)調(diào)用的方法
在項(xiàng)目中經(jīng)常用到AJAX調(diào)用遠(yuǎn)程數(shù)據(jù)，每一次調(diào)用，都得寫(xiě)一個(gè)ajax方法，這就造成了重復(fù)代碼過(guò)多，可讀性也不夠強(qiáng)，所以，我一般都是封裝起來(lái)，需要的時(shí)候調(diào)用2016-01-01
ajax 數(shù)據(jù)庫(kù)中隨機(jī)讀取5條數(shù)據(jù)動(dòng)態(tài)在頁(yè)面中刷新
以下是我在此編寫(xiě)一個(gè)程序時(shí)的時(shí)刻所遇到的問(wèn)題。因?yàn)橐婚_(kāi)始經(jīng)理給我分配了要我寫(xiě)一個(gè)在頁(yè)面上動(dòng)態(tài)的顯示5條數(shù)據(jù)。2009-06-06
網(wǎng)上的很多文章提到的利用ajax盜取cookie的代碼經(jīng)我測(cè)試不可行。2008-07-07
一個(gè)有趣的Ajax Hack示范...2006-11-11