JS 解析/读取 json

APP开发王

于 2019-02-12 14:11:42 发布

阅读量841

点赞数 1

CC 4.0 BY-SA版权

分类专栏：其他

本文链接：https://blog.csdn.net/wgsnet/article/details/87086833

其他专栏收录该内容

5 篇文章

订阅专栏

本文通过一个具体的HTML页面示例，展示了如何使用JavaScript将JSON字符串转换为对象，并遍历对象内容更新网页元素。示例中，JSON数据包含一系列网站名称与URL，通过JSON.parse()方法解析JSON字符串，然后使用for循环遍历解析后的对象数组，最后利用document.getElementById()方法获取指定ID的DOM元素并更新其innerHTML属性。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json test</title>
</head>
<body>

<h2>为 JSON 字符串创建对象</h2>
<div id="demo"></div>
<script>
var text = '{ "sites" : [' +
	'{ "name":"Runoob" , "url":"www.runoob.com" },' +
	'{ "name":"Google" , "url":"www.google.com" },' +
	'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

obj = JSON.parse(text);
	var s="";
	for( i= 0 ;i<  obj.sites.length;i++){
		s+=  obj.sites[i].url +"<br>";

    	}
	document.getElementById("demo").innerHTML=":" +s;
	//alert(obj.sites.length);
//document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;
	
	
</script>

</body>
</html>