本文内容来自《Pro AngularJS》,原文作者为Adam Freeman。
翻译过程中加入了译者的理解,并作了适当的筛减。
JavaScript对象表示法(JSON)已成了Web应用中实际使用的数据格式。JSON非常简单且容易在JavaScript代码中使用,这使它非常流行。JSON支持一些简单的数据类型,这些数据类型能在JavaScript找到与之对应:Number,String,Boolean,Array,Object以及特殊的类型null。
在此提醒一下,下面是todo.json文件的内容,它包含的就是简单的JSON串:
[ { "action": "Buy Flowers", "done": false }, { "action": "Get Shoes", "done": false }, { "action": "Collect Tickets", "done": true }, { "action": "Call Joe", "done": false } ]
JSON数据看起来与JavaScript中数组和对象的字面量声明有几分类似。唯一的不同就是对象的属性名必须使用双引号(译者注:应该还是有其它差别的)。
AngularJS中可以很方便的使用JSON。当你通过Ajax请求JSON数据时,返回的数据会自动被解析为JavaScript对象并且传到成功的回调函数中,如前面使用$http.get方法获取服务端的一个JSON文件所演示的那样。
AngularJS提供了两个限行地对JSON进行编码和解码的方法:angular.fromJson和angular.toJson。具体演示如下:
<!DOCTYPE html> <html ng-app="demo"> <head> <meta charset="utf-8"> <title>Example</title> <link rel="stylesheet" href="boostrap3/css/bootstrap.min.css" /> </head> <body ng-controller="demoCtrl"> <div class="panel"> <h1>To Do</h1> <table class="table table-striped"> <tr> <td>Action</td> <td>Done</td> </tr> <tr ng-repeat="item in todos"> <td>{{item.action}}</td> <td>{{item.done}}</td> </tr> </table> </div> <script src="js/angular/angular.min.js"></script> <script> var myApp = angular.module('demo', []); myApp.controller('demoCtrl', ['$scope', '$http', function($scope, $http){ $http.get('data/todo.json').success(function(data){ var jsonString = angular.toJson(data); console.log(jsonString); $scope.todos = angular.fromJson(jsonString); }); }]) </script> </body> </html>
在这个示例中,对传个promise成功回调函数的数据对象进行了处理。这个数据对象是以JSON的格式从后端获取的,然后AngularJS自动地将它解析成了JavaScript数组。然后,我使用angular.toJson方法又将这个数组编码成JSON格式并通过控制台输出。最后,使用前面得到的JSON数据并调用angular.fromJson方法创建了另一个JavaScript对象,并把这个对象提供给Angular控制器作为数据模型然后通过ng-repeat指令在table标签中渲染出来。
相关推荐
Java中使用Json,具体过程和效果看博文 http://blog.csdn.net/evankaka/article/details/46741577
使用json-lib实现json与Java对象的互转
Java中使用Json的net.sf.json包,其中包含JSONObject与JSONArray等操作类,十分好用。
json的简单应用 使用json封装数据 html源代码 一个增加删除数据的例子
使用json需要的七个jar包
使用json-lib解析json所需要的jar,包括: commons-beanutils-1.7.0.jar、commons-collections-3.2.jar、 commons-lang-2.4.jar、commons-logging-1.1.jar、 ezmorph-1.0.4.jar、json-lib-2.2.2-jdk15.jar
使用JSON时,所需要的依赖包:json-lib-2.4-jdk15.jar,commons-beanutils.jar,commons-httpclient.jar,commons-lang.jar,ezmorph.jar,morph-1.0.1.jar
MFC使用JSON11将json,包括json字符串转对象,对象转json字符串
json文件是什么+为什么使用json文件+如何使用json文件
json.js and json.jar 博文链接:https://terran-li2008.iteye.com/blog/199088
使用JSON所需要的Jar包: commons-beanutils.jar commons-collections-3.1.jar commons-lang.jar commons-logging.jar ezmorph-1.0.6.jar json-lib-2.2.2-jdk15.jar
android使用JSON进行网络数据交换,主要讲述android中用json格式的数据进行网络通信,适合想要提高技术的同学们学习
java中使用json所需要的所有jar包(全),java开发如需要用到json技术来处理,则需导入这几个jar包。亲测可用
android端和servlet端使用JSON交换数据信息的简单小例子,部分代码在JSP环境下实现,搞过Java WEB开发(JSP)的程序员,应该对Servlet不陌生,Json目前也是流行技术,所以说这个例子将Android、Json、Servlet三者结合...
在IOS系统中使用json访问web service的例子,适用于IPHONE5
最新 java使用json需要的jar包打包下载,如果有什么疑问可以留言.
使用json常用到的6个包,解决报org.apache.commons.collections.map.ListOrderedMap和org.apache.commons.lang.exception.NestableRuntimeException错误
使用json所需导入的jar包共7个已经上传 亲测好用 欢迎下载
struts2使用json的两个jar包。
JQuery_Ajax_AutoComplete_使用JSON数据