如何从视图中读取JSON数据

时间:2016-06-17 02:19:17

标签: javascript json html5 model-view-controller view

如何从我的视图中读取多个JSON值?

我有一个结构如下的JSON文件:

{
    "cat": {
        "items": [
            {
                "pos": "37.622882;55.755202;0",     
            }
        ]
    },
}

}

我该如何拨打一个电话?

例如,如果我有

position="{pos}" 

我可以通过在我看来执行以下操作来调用它。

position = "{posa,posb.posc,posd,pose,posf}"?
如果我想打电话给所有6个职位怎么办?我应该这样做:

{{1}}

我怎样才能获得所有这6个值?

2 个答案:

答案 0 :(得分:0)

在这里查看Object.keys()方法:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys你可以像这样使用它:

var cats =  { ...Your posted data structure... },
    positions = Object.keys(cats.items[index]),
    position = '{' + positions.join(',') + '}';

答案 1 :(得分:0)



Foo

var obj = {
  "Cat": {
    "items": [{
      "posa": "a",
      "posb": "b",
      "posc": "c",
      "posd": "d",
      "pose": "e",
      "posf": "f"
    }, {
      "posa": "1",
      "posb": "2",
      "posc": "3",
      "posd": "4",
      "pose": "5",
      "posf": "6"

    }]
  },
  "Dog": {
    "items": [{
      "posa": "a",
      "posb": "b",
      "posc": "c",
      "posd": "d",
      "pose": "e",
      "posf": "f"
    }, {
      "posa": "1",
      "posb": "2",
      "posc": "3",
      "posd": "4",
      "pose": "5",
      "posf": "6"

    }]
  }
}

for (var k in obj) {
  obj[k].itemStrs = $.map(obj[k].items, function(item) {
    return ($.map(item, function(v) {
      return v;
    })).join()
  })
}


console.log(obj);
/*


{
  "Cat": {
    "items": [{
      "posa": "a",
      "posb": "b",
      "posc": "c",
      "posd": "d",
      "pose": "e",
      "posf": "f"
    }, {
      "posa": "1",
      "posb": "2",
      "posc": "3",
      "posd": "4",
      "pose": "5",
      "posf": "6"
    }],
    "itemStrs": ["a,b,c,d,e,f", "1,2,3,4,5,6"]
  }
}
*/