详解AngularJs中$resource和restfu服务端数据交互


Posted in Javascript onSeptember 21, 2016

$resource

创建一个resource对象的工厂函数,可以让你安全的和RESFUL服务端进行数据交互。

安装

ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js

<script type="text/javascript" src="/javascripts/angular-resource.js">

$resource应用

我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。

var User = $resource('/api/users/:userId', {userId:'@id'});

返回的User对象包含了同后端服务进行交互的方法,我们可以把User对象理解成同RESTFul的后端服务进行交互的接口。

该对象包含两个get类型的方法已经三个非get类型的方法。

User.get({id:'123'}, successFn, errorFn);

该方法向url发送一个get请求,并期望一个json类型的响应。这里会向/api/users/123发送一个请求,successFn处理请求成功响应,errorFn处理错误。

User.query(params, successFn, errorFn)

get()方法使用类似,一般用来请求多条数据。

save(params, payload, successFn, errorFn);

save方法会发起一个post请求,params参数用来填充url中变量,对象payload会作为请求体进行发送

delete(params, payload, successFn,errorFn)

delete方法一个DELETE请求,payload作为消息体进行发送

remove(params, payload, successFn, errorFn)

同delete类似,不同的是remove用来移除多条数据

通过$resource生成的对象来同服务器进行交互的时候,我们看可以定义处理成功以及处理失败的函数,这些函数接受的参数不仅仅是简单的对象,而是经过包装之后的对象,会被添加$save() , $remove() , $delete三个方法,可以直接调用这三个方法来后服务端进行交互。

User.get({id:'123'}, function(user){
 user.name = 'changeAnotherName';
 user.$save();
//这里等价于User.save({id:'123'},{name:'changeAnotherName'})
});

$resource扩展

$resource对常见的五种请求进行封装,我们还可以对$resource进行扩展。

这里要扩展$resource我们需要传入第三个参数,该参数是一个对象。

$resource('/api/users',{},{
 sendEmail:{
  method:'',
  url:'',
  params:{},
  isArray:boolean,
  transformRequest:函数或者函数数组
  transformResponse:函数或者函数数组
  cache:布尔型或缓存对象
  timeout:数值或promise对象
  withCredentials:布尔类型
  responseType:字符串,用来设置XMLHttpRequestResponseType属性
 }
})

我们也可以将$resource服务当做自定义服务的基础。

angular.module('testApp', ['ngResource']),factory('UserService',['$resource', function($resource){
  return $resource(url,{},{});
}]);

总结

以上就是关于AngularJs中$resource和restfu服务端数据交互的全部内容,希望这篇文章对大家学习或者使用AngularJS能有所帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
js可突破windows弹退效果代码
Aug 09 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 Javascript
canvas绘制的直线动画
Jan 23 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
Sep 05 Javascript
antd form表单数据回显操作
Nov 02 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 #Javascript
JavaScript 拖拽实例代码
Sep 21 #Javascript
Angularjs中controller的三种写法分享
Sep 21 #Javascript
jQuery中Find选择器用法示例
Sep 21 #Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 #Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 #Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 #Javascript
You might like
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
javascript函数特点实例分析
2015/05/14 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
js实现右键菜单功能
2016/11/28 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
2016/11/30 Javascript
angularjs ui-router中路由的二级嵌套
2017/03/10 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python实现dnspod自动更新dns解析的方法
2014/02/14 Python
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
会计专业自荐信范文
2013/12/02 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
青岛海底世界导游词
2015/02/11 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL
MySQL注入基础练习
2021/05/30 MySQL