标签：包含 blog 控制 method 判断 get 赋值 stat 格式转化
基础知识
1、service()：
使用service()可以注册一个支持构造函数的服务，它允许我们为服务对象注册一个构造函数。
service()方法接受两个参数：
? name（字符串） 要注册的服务名称。
? constructor（函数） 构造函数，我们调用它来实例化服务对象。
2、$http()：
使用$http()服务可以将应用同来自远程服务器的信息集成在一起。
$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。
介绍通过AngularJS实现前端与后台的数据对接——服务（service、$http）篇
1、初始化变量
目的：便于把后台的数据储存到这些已经初始化好的变量中。除此之外，这些初始化变量也是服务service与控制器controller保持紧密通信的 媒介（用来传递数据）
例：
ps：
a、由于this会经常使用，因此必须先把this用一个变量储存起来，避免在function里使用this的时候，出现bug
（因为在function里this指代的是window对象，而不是我们想要的指代的对象）
b、对于变量来说，一般用var定义就好（但是，用var 定义的变量一般只在其作用域内可被使用）
c、对于function来说，一般用this，因为用了this之后，这些function可以被控制器controller调用
2、请求数据
**三大步骤**
$http({ method: ‘GET‘, url: ‘/api/users.json‘ }).success(function(data,status,headers,config) { // 当相应准备就绪时调用 }).error(function(data,status,headers,config) { // 当响应以错误状态返回时调用 });
ps：
a、$http()的用途：向后台发送请求，请求前端所需要的数据
b、success()的用途：在响应返回时，如果是请求成功，那么就会有相应的操作
c、error的用途：在响应返回时，如果是请求成功，那么就会有相应的操作
**笔者做的项目中的一个小例子**
this.getInviteData=function (pageNum,pageSize,sort,edition) { $http({ method:‘POST‘, url:‘member_list.action‘, data:JSON.stringify({ ‘pageNum‘: pageNum, ‘pageSize‘: pageSize, ‘sort‘: sort, ‘edition‘: edition }) }).success(function (data,status,header,config) { if(data.status == ‘true‘&& data.recordList){ //每次请求，清空原数组内的数据,不然会出现数据累加，从而出现Bug inviteData.data=[]; //遍历数据库里的recordList里的数据，record指的就是当前遍历的数据 angular.forEach(data.recordList,function (record) { //把record里的数据存储到 inviteData.data这个已经设置好的空数组里 inviteData.data.push({ name:record.name, department:record.department, position:record.position, phoneNumber:record.phoneNumber, state:record.state }); }); //总人数，将url请求的数据里的recordCount赋值给inviteData.total inviteData.total=data.recordCount; inviteData.hasJoinedPeople=data.joinCount; //向子级$scope传递数据 $rootScope.$broadcast(‘getInviteDataA‘,inviteData); }else if(data.status==‘false‘){ console.info(‘由于网络问题，暂时无法获取数据‘); } }).error(function (data,status,header,config) { console.error(‘服务器繁忙，请稍后再试！‘); }); };
a、并不是所有$http()里都需要data这个键的，这是要视情况而言的。
data：data代表的是这个$http()对象中包含了将会被当作消息体发送给服务器的数据。通常在发送POST请求时使用。
根据这次项目，笔者认为：如果 不需要 通过 传参 向服务器获取数据的时候，就不需要data这个键；如果 需要 通过传参向服务器获取数据，就需要data这个键。
在这里，笔者为读者为介绍两种 数据格式转化的方法
1、JSON.parse()用于从一个字符串中解析出json对象。
var str = ‘{"name":"huangxiaojian","age":"23"}‘;
JSON.parse(str);//age: "23" name: "huangxiaojian"
2、JSON.stringify()用于从一个对象解析出字符串。
var a = {a:1,b:2};
JSON.stringify(a);// "{"a":1,"b":2}"
b、一开始做这个项目的时候，笔者觉得很奇怪，为什么success()里一开始就要有这个if(data.status == ‘true‘&& data.recordList){} else if(){}判断？
目的：当请求成功后，方便前端工作者在与后台进行数据对接时，判断是否成功把数据对接到controller里。当然，这也需要在页面进行数据显示的设置。这“是否成功”的结
果将可以在页面的控制台显示出来。这些判断有利于前端工作者在与后台进行数据对接时找bug
c、每次请求成功时，都必须清空原数组内的数据。
笔者在项目中做了一个总人数的统计，在没有清空储存总人数这个数据的数组时，出现了一个Bug：所得的总人数不是想要的，而是数据不断的累加。同时，清空数组，也是为了避免上一次请求的数据影响经过新请求后所需要的数据。
d、数据获取angular.forEach()。
由于页面是需要显示数据库里的部分数据，那么从后台获取数据，就需要通过 angular.forEach() 把后台已经写好的数据遍历一遍，取出自己想要的数据，并放在已经初始
化好的数组里，方便与controller连接。
e、数据传递——$rootScope.$broadcast()
每次请求成功，都需要把在service里的数据通过 $rootScope.$broadcast() 广播给其在controller里的 子级$scope（子级通过$scope.$on()接收父级传来的数据）。
通过AngularJS实现前端与后台的数据对接（二）——服务（service，$http）篇
标签：包含 blog 控制 method 判断 get 赋值 stat 格式转化
原文地址：http://www.cnblogs.com/yaleizhou/p/6275239.html
