深入理解Angularjs中的$resource服务

前端之家收集整理的这篇文章主要介绍了深入理解Angularjs中的$resource服务前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、$resource服务介绍

$http服务提供的实现极为简单和低级,可以用来发送XHR请求,同时它还为你提供了很大的可控性和灵活性。但是,在大多数情况下,我们需要处理对象,以及封装了特定属性方法的对象模型,例如一个person对象(带有详细信息),或者一个信用卡对象。

$resource就是为这一功能而设计的。AngularJS中的resource(资源)允许我们用描述性的方式来定义对象模型,它可以描述以下内容

  1. 资源在服务端的URL。
  2. 常用的请求参数类型。
  3. 一些附加的方法(你可以自动获得get、save、query、remove和delete方法),这些方法为对象模型包装了特定的功能和业务逻辑(例如信用卡对象的charge()方法)。
  4. 期望获得的响应类型(一个数组或者一个对象)。
  5. 协议头。

使用Angular所提供的$resource对象,你可以根据各种需求查询服务器;除此之外,你还可以把服务端返回的对象当成已经持久好的数据模型,你可以修改它们,并且可以把它们持久化。

ngResource是一个独立的、可选的模块,因此,并没有默认包含在Angular中, 为了使用它,需要:

1、在加载的脚本文件中包含angular-resource.js.

例如:

对应的服务器端文件,使用了Express架构,核心代码如下:

三、在$resource服务中自定义请求方法

var obj=$resource(url,actions])

在第三个可选参数中,通过key/value的方式自定义

{{r0}}
{{r1}}
{{r2}}

对应的服务器端文件,使用了Express架构,核心代码如下:

// /self?action=update&update=true /self?action=save
app.post('/self',res){
if(req.query.action=='update'){
if(req.body.key=='1001' && req.query.update=='true'){
res.send('1');
}else{
res.send('0');
}
}else if(req.query.action=='save'){
if(req.body.key=='1002'){
res.send('1');
}else{
res.send('0');
}
}
})

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

猜你在找的JavaScript相关文章