jquery處理json物件_jquery

在伺服器端的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);   //印出來是一個二維陣列（如下）  
/*
Array 
( 
    [red] => Array 
        ( 
            [id] => 1 
            [name] => mary 
        ) 
 
    [blue] => Array 
        ( 
            [id] => 2 
            [name] => 燕子 
        ) 
) 
*/ 
 
 
echo json_encode($da);//輸出的是一個轉換成json格式的字串，可以直接在js中用（如下）  
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}} 
*/ 
?> 

jquery腳本：
回到js後的處理：
第一種要用到varl轉換的：是字串的時候就要用eval轉換成jquery物件（如下）

複製程式碼 程式碼如下:

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';   //u71d5u5b50這個是php中自動轉換的  
var dataObj = eval("(" arr ")");    //這裡要加上加好括號和雙引號的原因我也不知道，就當是json語法，只能死記硬背了  
    $.each(dataObj,function(idx,item){  
    //輸出    
    alert(item.id "哈哈" item.name);  
}) 

第二種：不需要轉化的：

複製程式碼 程式碼如下:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}};  
$.each(arr,function(idx,item){  
    //輸出  
    alert(item.id "哈哈" item.name);  
}) 

循環也有兩種方法：

複製程式碼 程式碼如下:

//方法一：

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

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