js创建json数据并保存

js创建json数据并保存,第1张

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标签中。

var

jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]"

var

jsonarray

=

eval('('+jsonstr+')')

var

arr

=

{

"name"

:

$('#names').val(),

"value"

:

$('#values').val()

}

jsonarray.push(arr)

//2、

var

json={}//

定义一个json对象

json.array1=["2","4"]//

增加一个新属性,此属性是数组

json.array1[json.array1.length]='6'//

数组追加一个元素

alert(json.array1)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11252107.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存