关于js解析Json数据的方法

最新推荐文章于 2023-11-16 19:58:08 发布
原创 最新推荐文章于 2023-11-16 19:58:08 发布 · 710 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #json #ajax

本文介绍了三种常见的JSON数据解析方法：eval()方法、JSON.parse()方法和new Function方法，并对比了它们的安全性和兼容性。

JSON(JavaScript Object Notation, JS 对象标记JSON) 中文意思就是JavaScript对象标示方式！

我们经常会遇到ajax请求后台接口得到json数据，此时我们就需要对json数据进行解析。下面介绍几种方法，供大家参考：

1.eval()方法

代码：

var json = eval('(' + str + ')');

2.JSON.parse()方法

代码：

return JSON.parse(str);
3.new Function方法

代码：

var json = (new Function("return " + str))();
以上三种方式前两种很常见，第一种eval方式是稍微不安全的，因为它会解析所有json数据，很可能也会解析到第三方恶意的数据。第二种JSON.parse()方法，该方法会捕捉json数据中的语法错误，只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本。第三种是作为一个function的函数参数处理。

JSON在Javascript中的使用（eval和JSON.parse的区别）详细解析
12-08
JSON 和XML比较 json的长度和xml比起来更加短小 json读取速度更快 json可以使用JavaScript的内置方法直接进行解析，转化成javascript对象，非常方便。 在Javascript使用eval将接送转化为json对象 var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"name":"甄子丹","age":44}'; var jsonObj = eval('('+jsonData+')'); //访问json对象数组的第一个对象的name属性 console.log(j
精选资源
JS中Json数据的处理和解析JSON数据的方法详解
01-21
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、...
JavaScript中解析JSON数据的三种方法
weixin_30851409的博客
02-15 204
平时收藏多点，要用的时候就方便了，希望能帮到你。 1. eval()方法 解析JSON数据的最常用方法是使用javascript的eval()方法，代码如下： function toJson(str){ var json = eval('(' + str + ')'); return json; } 2. new Function方法 fun...
JSON数据的安全性，避免使用eval
Dijason的专栏
03-25 4944
JSON（javascript object notation)可以说是XML的替代品，也是一种数据格式，但JSON更加简单简洁。 我们时常会想把JSON的字符串形式转换成对象，而js提供的eval函数可以帮我们完成这个工作。 var testJson = “{"name": "test", "age": 30}”; var jsonVal = eval(testJson);   //{"n
jsson在js中的转换
alightman的博客
10-13 1431
eval:将一段字符串当成代码来执行，与之前创造函数的方法相同; eval("alert(1+2)");//3 可以让一个json转换成js对象 json:一种通过的数据交换的格式 说白了 json就是一个字符串，只不过这个字符串有一定的规则。 //var json = '{"name": "zs", "age": 18, "sex": "男"}'; //如何把json字符串转换成js对
关于json和eval的使用
fgakjfd的专栏
04-30 2万+
2009-11-14JSON实例（AJAX+STRUTS ）json：存在json数组和json实体  json实体：{键值对}  json数组：[{},{},{}]eval: var json对象=eval((json数据));大括号括起来的内容被eval()执行后返回的是一个JSON对象，该对象是一个数组(数组其实也是对象)，该数组里面有4个数据，这4个
JS解析json数据并将json字符串转化为数组的实现方法
12-12
代码如下: <!... <HEAD> <TITLE> New Document </TITLE> [removed] var t=”{‘firstName’: ‘cyra’, ‘lastName’: ‘richardson’, ‘address’: { ‘streetAddress’: ‘1 Microsoft way’, ...
javascript解析json格式的数据方法详解
11-19
由于JSON是JavaScript的原生格式，因此在JavaScript环境中处理JSON数据无需额外的库或API。 在JSON中，数据以两种基本结构呈现：对象和数组。对象是以大括号 `{}` 包裹的键值对集合，每个键值对由一个名称（key）和...
JavaScript解析JSON数据示例
12-01
本文实例讲述了JavaScript解析JSON数据。分享给大家供大家参考，具体如下： JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript能够更好的解析JSON。 <!...
javascript解析json数据的3种方式
12-01
总结来说，对于JavaScript开发，`JSON.parse()`是解析JSON数据的首选方法，它提供了安全性和性能的最佳平衡。而`eval()`和`Function`构造函数由于潜在的安全风险和性能问题，应尽量避免使用。在处理大数据或性能敏感...
json初探
weixin_34370347的博客
12-01 83
json是javascript标准对象记法，这是一种以文本表示javascript对象的方法。所以服务器可以向我们发送json格式的文本，不需要处理xml或者dom之类的问题，而javascript可以通过eval()方法将服务器端所传送过来的json字符串处理为一个对象。 eval()方法： eval()是javascript内置的一个方法，只需要这个方法就可以...
JavaScript解析JSON格式方法
qq1092881420的博客
12-09 1561
以上就是解析JSON的两种方法。使用Function。
auto. js 网络请求post和json解析
不才
03-10 1万+
varurl="XXXXXXX"; //发送请求 varres=http.postJson(url,{ "a":"11", "b":"22", "c":"33" }); //因为我的接口返回格式是： //{ //"code": 200, //"data":{}, //"msg":"操作成功" //} //所以...
js怎么解析json数据
lin123_00的博客
05-22 1万+
js解析json数据，可以使用JSON.parse()方法来实现解析。JSON.parse()方法可以解析JSON字符串，转换为 JavaScript 对象 打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新） 下面我们就结合简单的代码示例，给大家介绍js解析json数据的实现方法。 代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="
JS解析JSON
wm1634208243的博客
09-02 427
JSON 全称为“JavaScript Object Notation”，是当前最流行的一种轻量级的数据交换格式，用来存储和传输数据，通常服务器端与客户端在进行交互时就是使用 JSON 格式的数据。WRITE-BUG研发团队衷心希望【WRITE-BUG数字空间】可以给每位同学一个属于自己的秘密空间，同时祝愿大家在“公开圈子”世界里，遇见志同道合的伙伴们，因为我们与大家一样，都曾孤独前行着。数组：一个有序的值列表，每个数组以左方括号 [ 开始，以右方括号 ] 结尾，多个值之间使用逗号 , 分隔。
springboot+thymeleaf 封装自定义解析json字符串标签方法
ihchenchen的博客
11-16 2145
一共四个方法，用于转换json或json数组，或者直接从json或json数组中取值。 二、接下来是表达式配置工厂类，以后添加别的方法也可以用，不用再写一个。 三、将表达式工厂添加到springboot配置 四、在页面中使用自定义的方法
JS操作JSON总结
一直问自己怎样才能把程序写的更好? 编程境界:干净利落，没有任何多余步骤。 动态能力:反应，逻辑思维
01-12 2286
<br />JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 <br />    本文主要是对JS操作JSON的要领做下总结。<br />    在JSON中，有两种结构：对象和数组。<br />    1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称
js 解析json 常用方法 --前端与后端的交互（前端）
热门推荐
代码充实生活的博客
08-01 2万+
（1）前端js解析前端json数据： 后端java解析json常用方法请参考：java解析json--后端 one: javascript定义json对象变量： var jsonobject={};//可以不使用声明，推荐声明一下，严格一些，最好使用严格模式 赋值json对象的key-value值： jsonobject[key]=value;//不严格的话就直接，var json...
js中解析json的方法
qq_35384887的博客
06-24 6006
var obj = JSON.parse(data); for(var i=0;i<obj.limit_number;i++){ console.log(obj[i]); }
autojs用json遍历键值
shuangrongshipin的博客
05-11 911
没有Python用着方便，for必须加{ } re = http.post(url,headers=header) // 发post请求,以json字符串参数格式 j = re.body.json(); q = j.s.e.ques for(var p in q){//遍历json数组时，这么写p为索引，0,1 for(var b in q[p]){ que = q[p][b]['ques']; sleep(200) answ= (q[p
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值