json转化为JavaScript对象，并动态改变页面内容

最新推荐文章于 2025-07-16 09:57:30 发布

放开教主

最新推荐文章于 2025-07-16 09:57:30 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

分类专栏： json 文章标签： java

本文链接：https://blog.youkuaiyun.com/qq_41768258/article/details/86014276

json 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript的eval方法解析JSON字符串的方法，并通过一个具体示例展示了如何将解析后的JSON对象用于动态改变网页元素的值。这种方法适用于快速解析JSON数据并更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var str = '{"birthday":"1998:10:20","sex":"male","name":"zhangsan","age":20}';
			// 1)转换json对象
			var obj = eval("(" + str + ")");
			// 2)访问内容
			alert(obj.name);
			alert(obj.birthday);*/

重点就是js封装的eval方法，可以直接解析json串。

function testjson()
			{
				var str = '{"birthday":"1998:10:20","sex":"male","name":"zhangsan","age":20}';
				// 1)转换json对象
				var obj = eval("(" + str + ")");
				document.getElementById("username").value = obj.name;
				var usernamemsg = document.getElementById("usernamemsg");
				usernamemsg.innerHTML=obj.birthday;
			}

动态改变很好理解，就是通过eval获取的对象来改变网页内容，改变方式有很多种，不限于getElementById方法。