多维JSON编码关联数组的PHP JS

Question

嗨最初我的阵列看起来是这样的

PHP

$results = array(
    "banana" => $bananavalue, 
    "apple" => $applevalue, 
); 
echo json_encode($results); 

JS

var fruits = []; 
$.ajax({ 
    type: "POST", 
    url: "actions/MYphp.php", 
    data: PassArray, 
    dataType: 'json', 
    beforeSend: function (html) { 
    // alert(html); 
    }, 
    success: function (html) { 
    var obj = html; 
    // Now the two will work 
    $.each(obj, function (key, value) { 
     fruits.push([key, value]); 
    }); 

不过，我想将其更改为一个多维的水果和蔬菜如下：

results = array(
    "fruit"=>array(
     "banana" => $bananavalue, 
     "apple" => $applevalue 
    ), 
    "vegetables"=>array(
     "lettuce" => $lettuce, 
     "cabbage" => $cabbage 
    ) 
); 
echo json_encode($results); 

的问题是我在Javascript中每个阵列中循环，以及如何将其分配给两个数组（水果和蔬菜）

我已经试过

$.each(obj['fruit'], function(key, value) { 
    fruits.push([key, value]); 
}); 

但没有奏效。

Answer 1

与PHP，JavaScript没有关联数组。

JSON编码的PHP关联数组解码为javascript普通对象。

要访问数据在javascript：

$.ajax({ 
    type: "POST", 
    url: "actions/MYphp.php", 
    data: PassArray, 
    dataType: 'json', 
    success: function(obj) { 
     //do whatever is required with obj.fruits and obj.vegetables here 
    }; 
}); 

一般情况下，你不会希望分配obj或obj.fruits或obj.vegetables成员在外部范围，因为它们是不可用的，直到Ajax响应已经到来。您通常会在success范围（以及由此调用的函数）中执行obj.fruits和obj.vegetables所需的所有操作。

Answer 2

这样做就像在PHP中做的那样，嵌套2个循环。

$.each(obj, function(keyOfOuterArray, innerArray) { 
    // keyOfOuterArray equals to vegetables, fruit 
    console.log(keyOfOuterArray); 

    $.each(innerArray, function(keyOfInnerArray, valueOfInnerArray) { 
    //valueOfInnerArrayis your inner array value 
    console.log(keyOfInnerArray, valueOfInnerArray); 
    }); 
}); 

回答你的问题做到这一点：

var myNewObj = {}; 
$.each(obj, function(keyOfOuterArray, innerArray) { 
    $.each(innerArray, function(keyOfInnerArray, valueOfInnerArray) { 
     myNewObj[keyOfOuterArray][keyOfInnerArray] = valueOfInnerArray; 
    }); 
});