如何从jQuery访问此JSON结构中的数据?

时间:2016-12-04 04:53:37

标签: javascript php jquery json

我尝试使用API​​来获取JSON格式的数据并将其传递给jQuery,以便随心所欲地使用它。

我的JSON看起来像

{
    "username": {
        "id": 0001,
        "name": "test",
        "IconId": 000,
        "Level": 00,
        "revisionDate": 00000000
    }
}

从PHP方面来看,这是我的代码

$json = file_get_contents($url);
$json = json_encode($json);

从我的jQuery中我可以使用

获取数据
<script type="text/javascript">
  var ar = <?php echo $json ?>;
  document.write(ar);
</script>

但是,我希望能够从JSON获取特定数据。例如,名字。

我尝试使用像这样的jQuery.parseJSON

<script type="text/javascript">
  var ar = <?php echo $json ?>;
  ar = jQuery.parseJSON(ar);
  document.write(ar.name);
</script>

我也试过

<script type="text/javascript">
  var ar = <?php echo $json ?>;
  ar = jQuery.parseJSON(ar);
  document.write(ar[0].name);
</script>

我总是得到绝对没有(空白页),或者我得到&#34;未定义&#34;。

谢谢。

2 个答案:

答案 0 :(得分:0)

data={
    "username": {
        "id": 0001,
        "name": "test",
        "IconId": 000,
        "Level": 00,
        "revisionDate": 00000000
    }
}

console.log(data["username"]["name"]);

//output test

答案 1 :(得分:0)

ar是您的对象参考。从那里,该对象具有一个名为username的属性。该属性存储一个对象,该对象具有一个名为name的属性。

所以,你需要:

ar.username.name