博客列表 >后端返回json格式的数据,前端javascript怎么使用

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

蒸蒸
蒸蒸原创
2021年12月08日 10:08:351150浏览

可以使用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].name
obj.employees[1].site

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议