后端返回json格式的数据，前端javascript怎么使用

发布于：2021-12-09 09:25:28  栏目：技术文档

可以使用JSON.parse() 方法将一个 JSON 字符串转换为对象。一个菜鸟教程的实例：

1. <h2>从 JSON 字符串中创建一个对象</h2>
2. <p id="demo"></p>
3. <script>
4. var text = '{"employees":[' +
5. '{"name":"菜鸟教程","site":"http://www.runoob.com" },' +
6. '{"name":"Google","site":"http://www.Google.com" },' +
7. '{"name":"Taobao","site":"http://www.taobao.com" }]}';
8. obj = JSON.parse(text);
9. document.getElementById("demo").innerHTML =
10. obj.employees[1].name + " " + obj.employees[1].site;
11. </script>

我的理解：一、要转换的json数据，要放在引号’’里面，因为JSON.parse的第一个参数要求“必须是一个有效的JSON字符串”二、转换之后的对象保存在一个变量中(比如上面例子中的obj)，对这个对象的理解：1.employees是obj对象的一个属性，所以用obj.employees的方式访问2.employees属性由一个数组组成，所以用obj.employees[1]这样的方式访问3.employees[1]是另外一个对象，所以访问它的属性的方式是：obj.employees[1].nameobj.employees[1].site

相关推荐