快捷導(dǎo)航

jquery處理json對象

更新時間：2014年11月03日 11:35:46 投稿：hebedich

JSON(JavaScript Object Notation)javscript對象標記，是一種輕量級的數(shù)據(jù)交換格式。具體的詳細基礎(chǔ)知識可以參考JSON官網(wǎng)http:/www.json.org/。不說太多廢話，直接說說我對JSON的理解吧。

在服務(wù)器端的php腳本：

復(fù)制代碼代碼如下:

<?php   

$data['id'] = 1;   

$dat['name'] = "mary";   

$da['red']= array_merge($data,$dat);   

$data1['id'] = 2;   

$dat1['name'] = "燕子";   

$da['blue']= array_merge($data1,$dat1);   

print_r($da);   //打印出來是一個二維數(shù)組（如下）   

/*

Array  

(  

    [red] => Array  

        (  

            [id] => 1  

            [name] => mary  

        )  

    [blue] => Array  

        (  

            [id] => 2  

            [name] => 燕子  

        )  

)  

*/  

echo json_encode($da);//輸出的是一個轉(zhuǎn)化成json格式的字符串，可以直接在js中用（如下）   

/*

{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}  

*/  

?>

jquery腳本：
返回到j(luò)s后的處理：
第一種要用到varl轉(zhuǎn)化的：是字符串的時候就要用eval轉(zhuǎn)化成jquery對象（如下）

復(fù)制代碼代碼如下:

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}}';   //\u71d5\u5b50這個是php中自動轉(zhuǎn)換的   

var dataObj = eval("("+arr+")");    //這里要加上加好括號和雙引號的原因我也不知道，就當(dāng)是json語法，只能死記硬背了   

    $.each(dataObj,function(idx,item){   

    //輸出     

    alert(item.id+"哈哈"+item.name);   

})

第二種：不需要轉(zhuǎn)化的：

復(fù)制代碼代碼如下:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"\u71d5\u5b50"}};   

$.each(arr,function(idx,item){   

    //輸出   

    alert(item.id+"哈哈"+item.name);   

})

循環(huán)也有兩種方法：

復(fù)制代碼代碼如下:

//方法一：

$.each(arr,function(idx,item){
    //輸出
    alert(item.id+"哈哈"+item.name);
})
//方法二：

for(var key in arr){
    alert(key);
    alert(arr[key].status);
}

您可能感興趣的文章:

相關(guān)文章

jquery顯示隱藏元素的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query顯示隱藏元素的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
淺析jQuery Ajax通用js封裝
這篇文章主要介紹了jQuery Ajax通用js封裝的實例代碼，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
jquery+css實現(xiàn)移動端元素拖動排序
這篇文章主要為大家詳細介紹了jquery+css實現(xiàn)移動端元素拖動排序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
jQuery樹插件zTree使用方法詳解
這篇文章主要為大家詳細介紹了jQuery樹插件zTree的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
iframe跨域通信封裝詳解
由于前端javascript對跨域訪問做了安全限制，所以javascript只能訪問與包含它的文檔在同一域名下的內(nèi)容，接下來，小編通過此篇文章給大家介紹iframe跨域通信的封裝，需要的朋友可以參考下
2015-08-08
jquery實現(xiàn)鼠標滑過小圖時顯示大圖的方法
這篇文章主要介紹了jquery實現(xiàn)鼠標滑過小圖時顯示大圖的方法,涉及圖片及鼠標操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)強制cookie過期方法匯總
本文是對jquery 強制cookie失效的解決方法進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
2015-05-05
jQuery實現(xiàn)全選、反選和不選功能的方法詳解
這篇文章主要介紹了jQuery實現(xiàn)全選、反選和不選功能的方法,結(jié)合實例形式詳細分析了jQuery全選、反選以及不選功能的相關(guān)原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下
2019-12-12
jQuery設(shè)置圖片等比例縮小的方法
這篇文章主要介紹了jQuery設(shè)置圖片等比例縮小的方法,涉及jQuery針對頁面元素屬性動態(tài)判定與設(shè)置相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
JQuery中each()的使用方法說明
對于jQuery對象，只是把each方法簡單的進行了委托：把jQuery對象作為第一個參數(shù)傳遞給jQuery的each方法.換句話說：jQuery提供的each方法是對參數(shù)一提供的對象的中所有的子元素逐一進行方法調(diào)用
2010-08-08