js怎么解析json格式字符串

最新推荐文章于 2025-02-25 10:01:32 发布

love__coder

最新推荐文章于 2025-02-25 10:01:32 发布

阅读量5.6w

点赞数 6

分类专栏： Html Js 文章标签： json function 浏览器

本文链接：https://blog.youkuaiyun.com/love__coder/article/details/6617539

版权

Js 同时被 2 个专栏收录

30 篇文章

订阅专栏

Html

6 篇文章

订阅专栏

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官网