多维json编码关联数组php到JS

multidimensional json encoded associative array php to JS

本文关键字：php JS 数组 关联 json 编码 多维      更新时间：2023-09-26

嗨，最初我的数组是这样的

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]);
});

与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执行所有必要的操作。

的方法与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;
   });
});
相关文章：