前台js 取json 对象数组数据

1、先定义一个json变量。

2、然后定义这个变量的值，其实一个json对象就是一个obj对象。

3、要添加json对象的元素，直接使用数组下标方式，添加键和值就行了。

4、要为json对象添加对象，我们可以先创建一个对象。

5、然后也是使用数组下标方式，为其赋值为新的对象变量就行了。

6、在浏览器里，我们就可以看到这个json对象了，而且新加的元素和对象都已经在里面了。

1、新建一个HTML页面，命名为test.html。

2、编写JS代码，将上面的JSON数据存储于JS变量JSONObject中，方便后面通过该变量取出JSON值。

3、编写HTML代码，定义四个span标签，用于后面将读取的JSON数据放入其中显示出来。

4、为了方便将JSON值在span标签内显示，每个span标签添加id属性，并设置专有的id值。

5、JSON数据是以对象为基础的数据，可以通过“JSON.名称”的方式取出值来。例如，下面把JSON的变量取出来并存于一个变量中。

6、通过使用document.getElementById的方法获得span对象，再把读取出来的JSON数据使用innerHTML方法显示在span标签中。

有两方法：

一是在定义json之前定义公共变量，如：

var ac = "a和c的值"

var json = { a: ac, b: "b", c:ac }

二是在定义之后再赋值，如

var json = { a: "a和c的值", b: "b" }

json.c = json.a

或者

var json = { a: "a和c的值", b: "b" , c:null }

json.c = json.a

另外还有一种方法，不推荐，就是换用函数

var json = { a: "a和c的值", b: "b", c: function () { return this.a} }

这样调用的时候就是json.c()而不是json.c了，如

alert(json.c())

---