后端返回json格式的数据,前端javascript怎么使用
程序员文章站
2022-04-05 13:38:37
...
可以使用JSON.parse() 方法将一个 JSON 字符串转换为对象。
一个菜鸟教程的实例:
<h2>从 JSON 字符串中创建一个对象</h2>
<p id="demo"></p>
<script>
var text = '{"employees":[' +
'{"name":"菜鸟教程","site":"http://www.runoob.com" },' +
'{"name":"Google","site":"http://www.Google.com" },' +
'{"name":"Taobao","site":"http://www.taobao.com" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].name + " " + obj.employees[1].site;
</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
推荐阅读
-
使用getJSON()异步请求服务器返回json格式数据的实现
-
php实现将数据做成json的格式给前端使用
-
如何使用getJSON()异步请求服务器返回json格式数据的实现代码
-
php使用webSocket实现Echarts长连接自动刷新的解决方案(1):前端获取后端JSON数据
-
PHP是怎么返回json格式的数据
-
PHP是怎么返回json格式的数据
-
JavaScript 如何处理 php 返回json格式的数据
-
JavaScript 如何处理 php 返回json格式的数据_PHP教程
-
后端返回json格式的数据,前端javascript怎么使用
-
如何使用getJSON()异步请求服务器返回json格式数据的实现代码