Javascript 处理 JSON 数据示例

最新推荐文章于 2021-08-17 15:39:24 发布

原创

最新推荐文章于 2021-08-17 15:39:24 发布 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #JSON #JSON.stringify #JSON.parse #JSON object

本文总结了在MEAN应用中处理JSON数据的经验，通过NodeJS从Jira API获取数据，使用JSON.parse将JSON字符串转为对象，再用JSON.stringify处理后再传给前端的AngularJS。主要涉及JSON对象的显示控制，通过修改"data.show"字段来决定内容是否显示。查看CodePen上的完整示例。

最近做了一个 MEAN stack 的 app 。后台用 NodeJS 从 Jira rest api 获得JSON数据并做处理，然后前端用 AngularJS Ajax call 获得处理后的 JSON 数据，显示到 App 上。处理了很多 JSON 数据，决定编一个例子，写一个总结。

JSON 数据处理，基本就是 JSON String 和 JSON Object 之间的转换。

JSON String 转换成 JSON Object 用 JSON.parse 方法。反之，用 JSON. Stringify 方法。

以下的简单例子中， NodeJS 获取到用户订单信息（JSON String），对信息进行处理，在希望显示在前端的数据中 “show" field 设置为 true，反之设置为 false。然后前端从后端得到数据，将需要显示的数据，输出到 console 中。CodePen 示例链接

1. 后台从其他服务器获得数据并处理：

// 后台 NodeJs 从其他网站 restAPI 得到如下 JSON String 包含了用户一次订单的信息。 用户名，价格，产品信息等。
var cart_json = '{"username":

最低0.47元/天解锁文章

Javascript 处理 JSON 数据 示例

Javascript 处理 JSON 数据示例