js怎么把变量写到json中

js怎么把变量写到json中,第1张

1. js通过变量获得json数据

完全搞不懂你想做什么

首先,你的概念完全搞错了,这里跟JSON没有任何关系,你定义的这个data变量,是使用字面量表示法定义了一个对象,并且赋予了一些属性。这个过程和结果跟JSON没有任何关系。JSON只是一种文本格式,你这里并没有用到,基础概念要搞清楚。

其次,你这里定义的data并没有text这个属性,所以你data.text当然不会访问到任何数据

如果你的想法是,获取#text中的值,以其作为键,输出data对象中的值,那样该这么做

var text=document.getElementById("text").value

var datas=data[text];用[]可以使用变量字面量

2. js里怎么把对象转化为json数据

语法:JSON.striny(value [, replacer] [, space])value:是必须要的字段。

就是输入的对象,比如数组了、类了等等。replacer:这个是可选的。

它又分为2种方式,一种是方法,第二种是数组。var student = new Object()student.name = "Lanny"student.age = "25"student.location = "China"var json = JSON.striny(student)alert(student)。

3. js中如何 *** 作json数据

一、要想熟练的 *** 作json数据,就先要了解json数据的结构,json有两种结构:对象和数组。

1、对象

一个对象以“{”开始,“}”结束。每个“名称”后跟一个“:”;“‘名称/值’

对”之间使用“,”分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如:

var jsonObj=

二、JSON(JavaScript Object Notation)

是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。json在传输过程中是以文本形式存在的,即字符串的形式。而在JS

中需要 *** 作的是对象,所以需要把json转换成对象,一般用“eval_r()”函数来实现,例如:varobj = eval_r('(' + json+ ')'); 这样就可以随意 *** 作json了。

for(var i=0i

alert("key:"+key+",value:"+jsonList[i][key]);} }用这种方法就可以解析json数据了。

4. 怎样将json格式的数据放到js中

如果数据是固定的有两种方法

1.把json数据定义为一个变量

var json = {"a":1,"b",2}

这样可以直接调用,数据太多可以放到一个额外的 js 文件上2.数据写在一个文件上,命名为a.json

$.getJson(url,funciton(rs){

url是文件路径,例如 ../json/a.json

rs就是返回的json数据了

})

如果数据是后台传过来的

$.post(url,data,function(rs){

url是后台controller的方法的路径

data 是传到后台的json格式的参数,可选

rs是返回的数据

},"json");最后这个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标签中。

=并不会把上一条覆盖,因为arr[i].name并不一样,相当于给json动态添加不同的属性。结果如下

当然,如果你数组中的那么如果会一样的话,那么就会被覆盖掉。如果是想要往一个新的对象上加,当作它的属性,那么属性名肯定是唯一的。如果你只是单纯的先把数组变成json串的话,可以使用JSON.stringify(),如下


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存