欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-05 13:38:37
...

可以使用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