angularjs怎么读取json中的某个字段

angularjs怎么读取json中的某个字段,第1张

angularjs读取json中的某个字段的方法是利用json的api实现的。

思路:先把js字符串转化成json结构,然后利用取属性运算符获取各个属性。

1、例如有以下json数据

var data = {

"resultList": [

"{\"lookupKey\":2,\"clientKey\":1,\"codeName\":\"ApplicationAppType\",\"codeValue\":\"ApplicationType2\",\"codeDesc\":\"##\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationAppType\"}",

"{\"lookupKey\":3,\"clientKey\":1,\"codeName\":\"ApplicationClass\",\"codeValue\":\"Tier 1\",\"codeDesc\":\"Critical Application requiring immediate response in case of a disruption of Service\",\"updatedBy\":null,\"internalCodeName\":\"ApplicationClass\"}"

]

};

2、利用angularfromJson解析代码如下:

$scoperesult = [

angularfromJson(dataresultList[0]),

angularfromJson(dataresultList[1])

];

alert($scoperesult[0]codeName);

结果是:ApplicationClass

3、这样就获取到了json字符串中的codeName的值。

1 js通过变量获得json数据

完全搞不懂你想做什么

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

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

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

var text=documentgetElementById("text")value;

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

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

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

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

它又分为2种方式,一种是方法,第二种是数组。var student = new Object();studentname = "Lanny";studentage = "25";studentlocation = "China";var json = JSONstriny(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=0;i

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

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

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

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

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

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

$getJson(url,funciton(rs){

url是文件路径,例如 /json/ajson

rs就是返回的json数据了

});

如果数据是后台传过来的

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

url是后台controller的方法的路径

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

rs是返回的数据

},"json");最后这个json不能漏

var jsonarray = [{"aqi":20,"area":"三亚","pm2_5":7,"pm2_5_24h":14,"quality":"优","primary_pollutant":"","time_point":"2014-05-08T16:00:00Z"}];

var jsonobj = jsonarray[0];

for(var p in jsonobj){

    consolelog(p + ":" + jsonobj[p]);

}

点击“下载”按钮,会把文本域中的内容全部作为一个html后缀文件下载下来,各流程效果如下面几张图:

下载按钮点击示意

出现下载确认框(根据浏览器的设置不同也可能直接下载),然后名称默认就是testhtml。

默认就是testhtml名称

然后对应保存目录就多了个类似下图的文件:

保存好的testhtml文件截图示意

双击该testhtml文件可以在浏览器中正常浏览,说明,保存信息无误。

testhtml在浏览器中访问的效果

触发下载的JS代码就几行:

对于非文本文件,也是可以直接JS触发下载的,例如,如果我们想下载一张,可以把这张转换成base64格式,然后下载。

代码示意:

不止是html文件,txt, json等只要内容是文本的文件,都是可以利用这种小技巧实现下载的。

在Chrome浏览器下,模拟点击创建的<a>元素即使不append到页面中,也是可以触发下载的,但是在Firefox浏览器中却不行,因此,上面的funDownload()方法有一个appendChild和removeChild的处理,就是为了兼容Firefox浏览器。

download属性从Edge13开始支持,理论上,edge也应该支持直接JS触发的浏览器文件下载,但我手头上并无相关浏览器,无法确定真实情况如何,欢迎有条件的小伙伴帮忙测下告知结果。

就这些吧,感谢阅读!

以上就是关于angularjs怎么读取json中的某个字段全部的内容,包括:angularjs怎么读取json中的某个字段、js怎么把变量写到json中、js获取json数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9510665.html

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

发表评论

登录后才能评论

评论列表(0条)

保存