深入理解Angularjs中的$resource服务
一、$resource服务介绍
$http服务提供的实现极为简单和低级,可以用来发送XHR请求,同时它还为你提供了很大的可控性和灵活性。但是,在大多数情况下,我们需要处理对象,以及封装了特定属性和方法的对象模型,例如一个person对象(带有详细信息),或者一个信用卡对象。
$resource就是为这一功能而设计的。AngularJS中的resource(资源)允许我们用描述性的方式来定义对象模型,它可以描述以下内容:
- 资源在服务端的URL。
- 常用的请求参数类型。
- 一些附加的方法(你可以自动获得get、save、query、remove和delete方法),这些方法为对象模型包装了特定的功能和业务逻辑(例如信用卡对象的charge()方法)。
- 期望获得的响应类型(一个数组或者一个对象)。
- 协议头。
使用Angular所提供的$resource对象,你可以根据各种需求查询服务器;除此之外,你还可以把服务端返回的对象当成已经持久好的数据模型,你可以修改它们,并且可以把它们持久化。
ngResource是一个独立的、可选的模块,因此,并没有默认包含在Angular中, 为了使用它,需要:
1、在加载的脚本文件中包含angular-resource.js.
例如:
对应的服务器端文件,使用了Express架构,核心代码如下:
rush:js;">
//对于query请求
app.get('/info',function(req,res){
var info=[
{Code:'1001',Name:'zhangsan',Gender:'female'},{Code:'1002',Name:'lisi',Gender:'male'}
];
res.status(200).json(info);
});
//对于save请求
app.post('/info',res){
if(req.body.key=='1001'){
res.send('1');
}else{
res.send('0')
}
});
三、在$resource服务中自定义请求方法
var obj=$resource(url,actions])
在第三个可选参数中,通过key/value的方式自定义。
对应的服务器端文件,使用了Express架构,核心代码如下:
rush:js;">
// /self?action=search&id=1001
app.get('/self',res){
if(req.query.action=='search'){
console.log('req.p
arams.id:'+req.p
arams.id);
if(req.query.id=='1001'){
res.send('1');
}else{
res.send('0');
}
}
});
// /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');
}
}
})
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
原文地址:https://www.jb51.cc/js/42962.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。