javascript - 我需要将此 Json Facebook 页面转换为数组以供选择

Question

我需要将此代码 json 更改为选择列表，因为我尝试使用 facebook 的粉丝页面，但我不知道如何使用解析 json 和 for o foreach 构建列表，我想知道你是否可以帮助我

{
  "data": [
    {
      "access_token": "EASDASDASD",
      "category": "Producto/servicio",
      "category_list": [
        {
          "id": "2201231",
          "name": "Producto/servicio"
        },
        {
          "id": "50133821238",
          "name": "salsas"
        },
        {
          "id": "178669642112378193",
          "name": "Salsa"
        }
      ],
      "name": "Salsa Verde",
      "id": "283585512310",
      "tasks": [
        "ANALYZE",
        "ADVERTISE",
        "MODERATE",
        "CREATE_CONTENT",
        "MANAGE"
      ]
    },
    {
      "access_token": "KLAKSDKASDLASD",
      "category": "Escuela",
      "category_list": [
        {
          "id": "551123691940",
          "name": "Escuela"
        }
      ],
      "name": "Escuela de Altura",
      "id": "458438357842766",
      "tasks": [
        "ANALYZE",
        "ADVERTISE",
        "MODERATE",
        "CREATE_CONTENT",
        "MANAGE"
      ]
    }
  ],
  "paging": {
    "cursors": {
      "before": "WAsdaWq",
      "after": "ND4MzQWeqweQyNzY2"
    }
  }
}

与此类似，我需要打印带有列表的所有页面。

<ul class="list-group" id="data1">
<li class="list-group-item">name</li>
<li class="list-group-item">category</li>
<li class="list-group-item">aceess_token</li>
<li class="list-group-item">category_list: id</li>
<li class="list-group-item">category_list: name</li>
</ul>
<br><hr>
<ul class="list-group" id="data2">
<li class="list-group-item">name</li>
<li class="list-group-item">category</li>
<li class="list-group-item">aceess_token</li>
<li class="list-group-item">category_list: id</li>
<li class="list-group-item">category_list: name</li>
</ul>
<ul class="list-group" id="data3">
<li class="list-group-item">name</li>
<li class="list-group-item">category</li>
<li class="list-group-item">aceess_token</li>
<li class="list-group-item">category_list: id</li>
<li class="list-group-item">category_list: name</li>
</ul>

你能帮我吗？我需要用信息构建列表

Answer 1

var j = {
  "data": [
    {
      "access_token": "EASDASDASD",
      "category": "Producto/servicio",
      "category_list": [
        {
          "id": "2201231",
          "name": "Producto/servicio"
        },
        {
          "id": "50133821238",
          "name": "salsas"
        },
        {
          "id": "178669642112378193",
          "name": "Salsa"
        }
      ],
      "name": "Salsa Verde",
      "id": "283585512310",
      "tasks": [
        "ANALYZE",
        "ADVERTISE",
        "MODERATE",
        "CREATE_CONTENT",
        "MANAGE"
      ]
    },
    {
      "access_token": "KLAKSDKASDLASD",
      "category": "Escuela",
      "category_list": [
        {
          "id": "551123691940",
          "name": "Escuela"
        }
      ],
      "name": "Escuela de Altura",
      "id": "458438357842766",
      "tasks": [
        "ANALYZE",
        "ADVERTISE",
        "MODERATE",
        "CREATE_CONTENT",
        "MANAGE"
      ]
    }
  ],
  "paging": {
    "cursors": {
      "before": "WAsdaWq",
      "after": "ND4MzQWeqweQyNzY2"
    }
  }
};

var markup = '';

for (var x = 0; x < j.data.length; x++) {
  markup += '<ul class="list-group" id="data' + (x + 1) + '">';
  markup += '<li class="list-group-item">' +  j.data[x].name + '</li>';
  markup += '<li class="list-group-item">' +  j.data[x].category + '</li>';
  markup += '<li class="list-group-item">' +  j.data[x].access_token + '</li>';
  markup += '<li class="list-group-item">' +  j.data[x].category_list[0].id + '</li>';
  markup += '<li class="list-group-item">' +  j.data[x].category_list[0].name + '</li>';
  markup += '</ul>';
}

document.querySelector('#result').innerHTML = markup;

<div id="result"></div>