6 JS - json

实际开发中，通常我们从服务器中读取 JSON 数据，并在网页中显示数据。

前端需要做的工作是使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象

然后在页面中使用 JavaScript 对象

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

<p id="demo"></p>
    
<script>
var text = '{ "sites" : [' +
    '{ "name":"张飞" , "age":19},' +
    '{ "name":"赵云" , "age":18},' +
    '{ "name":"关羽" , "age":20} ]}';
    
// 将JSON字符串转换为JS对象
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].age;

// 将JS对象JSON字符串转换为JSON字符串
var jsonStr = JSON.stringify(obj);
console.log(jsonStr);
</script>

</body>
</html>

 

posted @ 2021-03-28 00:26  栗子测试开发  阅读(195)  评论(0)    收藏  举报