0

我是 Json 的新手。请告诉我如何访问以下元素。这是我的 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>
4

3 回答 3

2

它是

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);
}
于 2012-12-04T11:42:10.503 回答
1

按如下方式访问该值： 

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

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

于 2012-12-04T11:42:28.483 回答
1

你可以这样做

  var yourValue = data.student[0].fname
于 2012-12-04T11:44:51.900 回答