javascript - ajax调接口返回数据处理问题

问题描述

问 题

前端小白一个，后台给了一接口，返回数据是这样的`{
"code": 1,
"msg": "操作成功",
"data": [

{
  "id": 0,
  "name": "限时秒杀",
  "children": {
    "0": {
      "id": 101,
      "name": "10:00开抢"
    },
    "2": {
      "id": 103,
      "name": "16:00开抢"
    },
    "3": {
      "id": 104,
      "name": "18:00开抢"
    }
  }
},
{
  "id": 1,
  "name": "休闲零食",
  "children": [
    {
      "id": 5,
      "name": "膨化食品"
    }
  ]
},
{
  "id": 2,
  "name": "洗护用品",
  "children": [
    {
      "id": 7,
      "name": "面部护理"
    }
  ]
},
{
  "id": 3,
  "name": "酒水饮料",
  "children": [
    {
      "id": 6,
      "name": "白酒"
    }
  ]
},
{
  "id": 4,
  "name": "地方特产",
  "children": [
    {
      "id": 8,
      "name": "干货"
    }
  ]
}

]
}`

我现在用ajax调用，想知道children下的name怎么表示，父级的name值我用 result.data[i].name来表示，还有怎么根据id来显示不同的分类。

解决方案

和取父级name相同的方式啊，比如result.data[i].children[j].name

根据id来显示不同的分类，可以先把ajax返回的数据保存起来。
根据父级的数据，在页面上生成一个多选框或者下拉列表来选择分类，选择分类时取得所选分类的id，在ajax返回的数据里面找到对应id的父级，显示它的children的数据。

这篇关于javascript - ajax调接口返回数据处理问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！