js怎么解析json格式字符串

最新推荐文章于 2023-09-09 16:11:28 发布
最新推荐文章于 2023-09-09 16:11:28 发布
阅读量5.6w 收藏 9
点赞数 6
分类专栏： Html Js 文章标签： json function 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love__coder/article/details/6617539
版权
Js 同时被 2 个专栏收录
30 篇文章 0 订阅
订阅专栏
Html
6 篇文章 0 订阅
订阅专栏

json是种常用数据传输格式，js怎么解析json格式的数据呢，请参阅下面的代码：

<html>
	<head>
		<script type="text/javascript">
			var data = '{"return_code":0,"return_message":"success","data":{"data":[{"id":"1","question":"公主令牌在哪交？"},{"id":"2","question":"公主护使有什么用？"},{"id":"3","question":"角斗场在哪？"},{"id":"4","question":"北部断层在哪？"},{"id":"5","question":"欢乐令有什么用？"},{"id":"6","question":"令牌积分有什么用？"},{"id":"7","question":"南部断层在哪？"},{"id":"8","question":"大妖魔令牌交给谁？"},{"id":"9","question":"神工坊在哪？"},{"id":"10","question":"警戒妖珠有什么用？"}]}}';

			function ShowData(){		

				var obj = eval("("+data+")");		

				alert("return_code:"+obj["return_code"]);
				alert("return_message:"+obj["return_message"]);
				alert("第一个问题id：" + obj["data"]["data"][0]["id"]);
				alert("第一个内容id：" + obj["data"]["data"][0]["question"]);
			}

		</script>
	</head>

<body οnlοad="ShowData();">
	{"return_code":0,"return_message":"success","data":{"data":[{"id":"1","question":"公主令牌在哪交？"},{"id":"2","question":"公主护使有什么用？"},{"id":"3","question":"角斗场在哪？"},{"id":"4","question":"北部断层在哪？"},{"id":"5","question":"欢乐令有什么用？"},{"id":"6","question":"令牌积分有什么用？"},{"id":"7","question":"南部断层在哪？"},{"id":"8","question":"大妖魔令牌交给谁？"},{"id":"9","question":"神工坊在哪？"},{"id":"10","question":"警戒妖珠有什么用？"}]}}

</body>

</html>

把上面的代码保存为ShowJsonData.html，再浏览器中打开，即可看到解析后的部分数据。

主要用的函数eval对json格式字符串进行反序列化操作。

json的详细介绍，可以参考：json官网


love__coder
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Js 怎么遍历json对象所有key及根据动态key获取值
心灵净土
05-03 12万+
对于json对像，怎么遍历json对象的所有key，在使用json对象时，如果无法知道key，怎么通过key变量来获取值？请参阅下面的关键代码： var smsTypeDesc = {"4":"回访短信","3":"邮件短信","aa":"测试短信"}; function EnumaKey(){ for(var key in smsTypeDesc){ al
Json格式数据解析
热门推荐
程序三两行
05-14 1万+
一、简介XML这种数据格式。XML的特点是功能全面，但标签繁琐，格式复杂。在Web上使用XML现在越来越少，取而代之的是JSON这种数据结构。JSON是JavaScript Object Notation的缩写，它去除了所有JavaScript执行代码，只保留JavaScript的对象格式。典型的JSON如下：json对象json对象数组json字符串JSON字符串也是在平时开发中使用较多的，json字符串应满足以下条件：1：它必须是一个字符串，由" "或者' '包裹数据，支持字符串的各种操作。...
javaScript——json字符串详解
最新发布
Cuichenyang158的博客
09-09 4307
JSON 字符串（JSON String）是一种特定格式的文本字符串，用于表示数据。JSON 是 JavaScript Object Notation 的缩写，它是一种轻量级的数据交换格式，通常用于将数据从一个应用程序传输到另一个应用程序，或将数据存储在文件或数据库中。
JavaScript解析json字符串
gaohuanjie的专栏
03-02 2331
JavaScript解析json字符串
JSON字符串解析
APIcaller的博客
08-16 4456
C++实现JSON字符串解析
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="
JavaScript解析JSON格式方法
qq1092881420的博客
12-09 1350
以上就是解析JSON的两种方法。使用Function。
js 处理JSON 格式 数据
lzfengquan的博客
06-09 787
JSON.stringify() JSON.parse()
JavaScript转换与解析JSON方法实例详解
04-16 1700
用JQuery解析JSON数据的方法，作为JQuery异步请求的传输对象，JQuery请求后返回的结果是json对象，这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。使用eval函数来解析，jquery的each方法来遍历。
JavaScript——JSON数据和解析
z_2532040197的博客
07-06 2535
1.JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。2.JSON是一个字符串 ，常常用于网络传输数据的一种字符串格式; JSON 通常用于服务端向网页传递数据 。...
JS解析json格式字符串
03-21
JS解析json格式字符串最简便方法,利用javaScript内置eval函数来实现
使用JavaScript构建JSON格式字符串实现步骤
12-12
如果你现在正在使用Restful API，并且你需要通过web项目来构建json格式字符串的响应，那么这篇文章将帮助你使用javascript来创建json格式字符串。这是非常有用的，我们将通过jQuery插件$.toJSON把数据对象转换为json...
JS中的数组转变成JSON格式字符串的方法
10-19
主要介绍了JS中的数组转变成JSON格式字符串的方法,需要的朋友可以参考下
JS实现将二维数组转为json格式字符串操作示例
10-18
主要介绍了JS实现将二维数组转为json格式字符串操作,涉及javascript数组遍历、拼接、转换等相关操作技巧,需要的朋友可以参考下
js字符串全部替换replaceAll
心灵净土
09-22 1万+
<br />   怎么用一个字符串，替换一个变量的一部分呢，方法如下：<br /> <br />    String.prototype.replaceAll  = function(s1,s2){    <br />        return this.replace(new RegExp(s1,"gm"),s2);    <br />    } <br /> <br />用法如下：<br /> <br />   var str = "红宝石、绿宝石、蓝宝石都属于无属性宝石。　　无属性宝石可合成有属性宝
jquery click 多次绑定，多次触发，怎么清除历史绑定事件
心灵净土
08-03 1万+
最近在用jquery对一个页面超链接元素进行click事件绑定，绑定调用方法如下： function OpenUrl(url){ $("a[rel='xggl']").click(function () { window.open(url,"_blank");
以指定的编码方式引入js文件解决js乱码
心灵净土
07-19 1万+
如果页面文件和js文件编码方式不一致，引入js文件，不指定编码方式，常常会出现乱码现象，js报错。怎么以指定编码引入js呢？   以utf-8格式引入，类似方式如下：
js多个int类型数据相加求和
心灵净土
09-18 1万+
<br />   多个int参数，相加求和，代码如下：<br />    function AddInt(){<br />        var rtn = 0;<br />        for(var i=0;i<arguments.length;i++){<br />            if(isNaN(arguments[i]))continue;<br />            rtn+=parseInt(arguments[i]);<br />        }<br />       
javascript解析json字符串
06-28
### 回答1： JavaScript可以使用内置的JSON对象来解析JSON字符串。JSON对象有两个方法：JSON.parse()和JSON.stringify()。JSON.parse()方法将JSON字符串转换为JavaScript对象，而JSON.stringify()方法将JavaScript对象转换为JSON字符串。例如： var jsonStr = '{"name":"John","age":30,"city":"New York"}'; var jsonObj = JSON.parse(jsonStr); console.log(jsonObj.name); //输出John 在这个例子中，我们首先定义了一个JSON字符串，然后使用JSON.parse()方法将其转换为JavaScript对象。最后，我们访问了对象的name属性并将其输出到控制台。 需要注意的是，JSON字符串必须符合JSON格式，否则解析会失败。例如，如果JSON字符串中有未加引号的属性名或单引号而不是双引号，解析将失败。 ### 回答2： JSON全称是JavaScript Object Notation，是一种轻巧的数据交换格式。JSON中的数据结构类似于JavaScript对象，因此JavaScript可以方便地解析JSON字符串。 在JavaScript中，可以使用eval()函数来解析JSON字符串。eval()函数将一个字符串当作JavaScript代码执行并返回结果。因此，我们可以使用eval()函数将JSON字符串转换为JavaScript对象，从而完成解析。 但是eval()函数存在一些安全问题，因为它会执行输入的任何JavaScript代码。如果JSON字符串来自不受信任的来源，那么可能包含恶意代码，会导致安全漏洞。因此，eval()函数不是解析JSON字符串的最佳方法。 现代浏览器提供了JSON.parse()方法来解析JSON字符串。JSON.parse()可以将JSON字符串转换为JavaScript对象，而且对于不合法的JSON格式会抛出异常以及其他一些问题，例如，JSON字符串内部的单引号、指数表示法和特定值（如undefined）可能无法在JSON中表示，需要进行特殊处理。 JSON.parse(str, reviver)函数可以接收一个reviver参数，可以用来转换解析出来的结果。reviver是一个函数，它接收两个参数，一个是属性名，另一个是属性值。当JSON.parse()解析出属性值后，就会调用reviver函数，这样就可以在这个函数内部对这个属性进行处理。 在代码中，如果我们有一个JSON字符串，我们可以使用JSON.parse()来解析它。例如： var jsonString = '{"name": "John", "age": 30, "city": "New York"}'; var jsonObj = JSON.parse(jsonString); console.log(jsonObj.name); // 输出 "John" 解析后的jsonObj就是一个JavaScript对象，我们可以直接访问其中的属性。 总结来说，JavaScript可以使用eval()函数或JSON.parse()方法来解析JSON字符串，但是安全考虑应该优先选择使用JSON.parse()方法。JSON.parse()方法还可以使用reviver参数来对解析出的结果进行转换和处理。 ### 回答3： 在JavaScript中，解析JSON字符串是常见的操作。JSON是JavaScript对象表示法的缩写，它是一种轻量级的数据交换格式。它提供了一种简单的方式来描述复杂的数据结构，包括数组和对象。 JavaScript内置了一个解析JSON字符串的函数`JSON.parse()`。此函数可以将JSON字符串转换为JavaScript对象，使开发者能够轻松地操作这些数据。 例如，如果我们有以下JSON字符串： ```javascript var jsonString = '{"name": "Tom", "age": 21, "gender": "male"}'; ``` 我们可以使用`JSON.parse()`来将其解析成一个对象： ```javascript var json = JSON.parse(jsonString); console.log(json.name); //输出 "Tom" console.log(json.age); //输出 21 console.log(json.gender); //输出 "male" ``` 除了从字符串解析JSON外，我们还可以使用`JSON.stringify()`函数将JavaScript对象转换为JSON字符串。例如，如果我们有以下JavaScript对象： ```javascript var obj = { name: "Tom", age: 21, gender: "male" }; ``` 我们可以使用`JSON.stringify()`将其转换为JSON字符串： ```javascript var jsonString = JSON.stringify(obj); console.log(jsonString); //输出 '{"name":"Tom","age":21,"gender":"male"}' ``` 在处理JSON字符串时，我们需要注意一些安全问题。首先，我们应该始终验证输入的JSON字符串是否有效。这可以通过尝试解析JSON字符串并检查是否发生了解析错误来实现。另外，我们还应该注意JSON字符串中的潜在安全漏洞，如JSON注入攻击。在通过用户输入的JSON字符串进行操作时，我们需要确保输入不包含恶意代码或攻击脚本。 总之，在JavaScript中解析JSON字符串是非常重要的，它使得我们能够使用和交换复杂的数据结构。通过`JSON.parse()`和`JSON.stringify()`函数，我们可以轻松地将JSON数据转换为JavaScript对象或字符串，并进行操作和传输。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值