Blogger Information
Blog 28
fans 0
comment 0
visits 65161
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
后端返回json格式的数据,前端javascript怎么使用
蒸蒸
Original
1142 people have browsed it

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

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post