首頁 > web前端 > js教程 > jquery處理json物件_jquery

jquery處理json物件_jquery

WBOY
發布: 2016-05-16 16:32:13
原創
1593 人瀏覽過

在伺服器端的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);  

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板