如何訪問Json中的給定元素

Question

我是Json的新手。 請告訴我如何訪問以下元素。 這是我的傑森

var data = {"student":[{"fname":"mad", "sname":"cha"}, {"fname":"sun", "sname":"ban"}, {"fname":"sha", "sname":"kiri"}]};

所以我如何獲得"mad"價值。

其實這就是我想做的

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script>
    function click_me(){
        var data = {"student":[{"fname":"mad", "sname":"cha"}, {"fname":"sun", "sname":"ban"}, {"fname":"sha", "sname":"kiri"}]};
        localStorage.setItem('my_name',data);
        alert('OK');
    }

    function show_me(){
        var x = localStorage.getItem('my_name');
        x = x.student[0].fname;
        alert(x);
    }
</script>

</head>
<body>
  <input type="button" name="btn" value="Click" onclick="click_me()">
  <input type="button" name="btn" value="show_me" onclick="show_me()">
</body>
</html>

Answer 1

它的

var yourValue = data.student[0].fname

順便說一下，這不是JSON，而是普通的javascript對象。 JSON是基於字符串的交換格式。

編輯后進行編輯。

localStorage僅存儲字符串。 這就是為什么getItem為您提供一個字符串，在其中您找不到“瘋子”的原因。

您可以執行以下操作：

function click_me(){
    var data = {"student":[{"fname":"mad", "sname":"cha"}, {"fname":"sun", "sname":"ban"}, {"fname":"sha", "sname":"kiri"}]};
    localStorage.setItem('my_name', JSON.stringify(data));
    alert('OK');
}

function show_me(){
    var x = JSON.parse(localStorage.getItem('my_name')||"{}");
    x = x.student[0].fname; // it would be cleaner to test x.student exists
    alert(x);
}

Answer 2

如下訪問值：

var firstName = data.student[0].fname;

示例： http ： //jsfiddle.net/N8bSk/

Answer 3

你可以這樣做

  var yourValue = data.student[0].fname

如何訪問Json中的給定元素

問題描述

3 個解決方案

解決方案1
2 已采納 2012-12-04 11:42:10

解決方案2
1 2012-12-04 11:42:28

解決方案3
1 2012-12-04 11:44:51

如何訪問Json中的給定元素

問題描述

3 個解決方案

解決方案1 2 已采納 2012-12-04 11:42:10

解決方案2 1 2012-12-04 11:42:28

解決方案3 1 2012-12-04 11:44:51

解決方案1
2 已采納 2012-12-04 11:42:10

解決方案2
1 2012-12-04 11:42:28

解決方案3
1 2012-12-04 11:44:51