angularjs$resource的5种基本操作方法

深入理解Angularjs中的$resource服务 一、$resource服务介绍 $http服务提供的实现极为简单和低级,可以用来发送XHR请求,同时它还为你提供了很大的可控性和灵活性。但是,在大多数情况下,我们需要处理对象,以及封装了特定属性和方法的对象模型,例如一个person对象(带有详细信息),或者一个信用卡对象。 $resource就是为这一功能而设计的。AngularJS中的resource(资源)允许我们用描述性的方式来定义对象模型,它可以描述以下内容: 资源在服务端的URL。 常用的请求参数类型。 一些附加的方法(你可以自动获得get、save、query、remove和delete方法),这些方法为对象模型包 立即下载

get,save,query,delete,remove五种基本操作详解及扩展

【HTTP GET类型的方法】

  ①GET请求:  get(params,successFn,errrorFn)

   不定义具体的参数,get()请求通常被用来获取单个资源。


   //GET /api/users 
   User.get(function(resp){ 
    //处理成功 
    
   },function(err){ 
    //处理错误 
    
   }); 
     
  如果参数中传入了具名参数(我们例子中的参数是id),那么get()方法会向包含id的URL发送请求:    
    //发起一个请求:GET-->/api/users/123 
    User.get({id:'1234'},function(resp){ 
       //success 
    },function(error){ 
       //fail 
    }); 
     
  ②QUERY 请求:query向指定URL发送一个GET请求,并期望返回一个JSON格式的资源对象集合。 
  //发起一个请求 
  User.query(function(users){ 
    //读取集合中的第一个用户 
    var user=users[0]; 
  }); 
     
  query()和get()方法之间唯一的区别是AngularJS期望query()方法返回数组。   

 

   

【非HTTP GET类型的方法】     

  1. save(params, payload, successFn, errorFn) 
  save方法向指定URL发送一个POST请求,并用数据体来生成请求体。save()方法用来在服务器上生成一个新的资源。 payload:代表请求发送的数据体 

   //发送一个请求 with the body {name: 'Ari'}

   User.save({},{name:'Ari'},function(resp){ 
    
   },function(error){ 
    
   }); 
     
 2. delete(params, payload, successFn, errorFn)    
 delete方法会向指定URL发送一个DELETE请求,并用数据体来生成请求体。它被用来在服务器上删除一个实例:    
     
    // DELETE /api/users 
    User.delete({}, { 
        id: '123' 
    }, function(response) { 
    // 处理成功的删除响应 
    }, function(response) { 
    // 处理非成功的删除响应 
    }); 
     
  3. remove(params, payload, successFn, errorFn) 
    remove方法和delete()方法的作用是完全相同的,它存在的意义是因为delete是JavaScript的保留字,在IE浏览器中会导致额外的问题。   
     
    // 发起一个请求: 
    // DELETE /api/users 
    User.remove({}, { 
     id: '123' 
    }, function(response) { 
    // 处理成功的删除响应 
    }, function(response) { 
    // 处理非成功的删除响应 
    }); 
     
除了上面的固定格式的五种操作以外,我们可以根据灵活设计url和参数传递,如下面这个例子

//@的作用是使用资源实例调用时,@id对应的是实例的属性id
// 在参数一般名称匹配对应是路径参数,不匹配的参数url参数
return $resource('rest/news/:id/:action', {id: '@id'},
  {
pager : {
method : 'GET',
params : {
'action' : 'pager'
},
},
});
详解AngularJs中$resource和restfu服务端数据交互 $resource 创建一个resource对象的工厂函数,可以让你安全的和RESFUL服务端进行数据交互。 安装 ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js [removed] $resource应用 我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。 var User = $resource('/api/users/:userId', 立即下载

相关推荐

浅谈AngularJS中使用$resource(已更新)

主要介绍了浅谈AngularJS中使用$resource(已更新)的相关资料,需要的朋友可以参考下

angularjs $resource用法小结

备注:个人小结,仅供参考,欢迎纠正1、注入resourcevar studentService =angular.module('studentServiceApp', [ 'ngAnimate', 'ngCookies', 'ngResource' ]);2、studentService.config(['$httpProvider','app', ...

weixin_34112181的博客 161

[STM32H750]HAL库下FMC驱动正点原子MCU屏的移植与优化

本文详细介绍了在STM32H750平台上使用HAL库移植与优化正点原子MCU屏幕驱动的完整过程。重点解析了FMC硬件配置、Cache一致性处理、精确延时实现等关键技术难点,提供了实用的移植方案和性能优化技巧,帮助开发者高效解决屏幕显示问题。

rock5的博客 286

angularsjs 对象数组的请求与接收

angularjs

cph758524的博客 823

Unity3d移动端性能优化

以下条目主要针对移动端,大部分也适合PC端 一、Profiler的使用 1.性能优化应贯穿项目开发的全过程,如需求(性能能不能达到要求)、设计、开发、测试等。不能开发结束才优化性能。 2.官方推荐的优化工具是【Window】->【Profiler】 3.确认瓶颈是CPU-bound(Gfx.WaitForCommands)还是CPU-bound(Gfx.WaitForPresent) 4.内存分析使用Memory Profiler 二、内存优作 5.减少内存收集的影...

zouxin_88的专栏 3060

TVS 和压敏电阻联合使用进行浪涌保护时,压敏电阻的压敏电压要低于TVS 的钳位电压 VC。

通过先让MOV接管,可以确保在大多数情况下,电压不会迅速上升到TVS二极管的钳位电压,从而保护TVS二极管免受持续高能量冲击的损害。总结来说,将MOV的压敏电压设置得低于TVS二极管的钳位电压,可以提供一种分级的保护机制,优化浪涌保护性能,同时保护敏感的TVS二极管不被过度的能量冲击损坏,并延长其使用寿命。MOV吸收的能量(Wmov):假设浪涌电流为10kA,MOV导通后将电压限制在300V,那么Wmov = Ipp * Vmov = 10kA * 300V = 3MW。例如,Vmov可以设定为275V。

weixin_66642980的博客 2247

Angularjs 发送请求传递参数数据

文章目录2. 常见的几种请求方式3. AngularJs 的参数传递(spring mvc接收请求)4. Angularjs post 请求参数传递使用 From data 形式 ##1. AngularJs 的http请求 $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 标准写法,使用格式: // 简单的 GET 请求,可以改为 POST $http({...

qq1164014750 1万+

Xilinx FPGA平台DDR3设计保姆式教程(3)MIG IP核使用教程及DDR读写时序

干货来了,用DDR搬砖,只需要会用IP就好,Xilinx官方YYDS! ----------------------------------------------------------------------------------------------------------------- 汇总篇: Xilinx平台DDR3设计保姆式教程(汇总篇)——看这一篇就够了 ----------------------------------------------------------...

数字IC/FPGA杂货铺,找一找,或许有你想要的~ 2万+

AngularJS中的$resource使用与Restful资源交互

原文链接:http://blog.youkuaiyun.com/he90227/article/details/50525836 1.AngularJS中的 $resource 这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了。 REST是Representational State T

raquelle的记忆宫殿 948

RH850从0搭建Autosar开发环境【23】- Davinci Configurator之DCM实操实现DID的读取写入

RH850从0搭建Autosar开发环境【23】- Davinci Configurator之DCM实操实现DID的读取写入,结合Developer实现

weixin_42412049的博客 1811

以阿克曼转向车为例对URDF和XACRO文件进行解读

   最近我在古月学院购买了在Gazebo中实现阿克曼转向车的仿真课程,课程资料的阿克曼小车的XACRO文件在Gazebo里加载的时候报了三个错误,在这之前,我没接触过URDF或XACRO文件,本篇文章就以这个阿克曼小车的XACRO文件为例,对URDF或XACRO文件的格式和内容进行解读,期望经过解读和学习,找到错误原因及所在,并解决这三个错误    先来放一下上面右图所示的模型的完整的XACRO文件: <?xml version="1.0"?> <!-- racecar.urdf.x

慕羽★的博客 3701

AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了。       REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式            1)我们首先需要引入ng-Resource  模块,在a

hsany330的专栏 1373

保姆级教程:如何将仅限客户端使用的免费大模型(Gemini、Antigravity、Qwen Code、Kiro 等)转为任何应用可调用的 OpenAI 兼容标准接口

大模型 API 费用太贵?💸 这篇文章分享一个薅羊毛神器,能把 Gemini、Qwen Code、Kiro 等客户端专属的免费大模型转换成标准 OpenAI 兼容接口 🔌。支持多协议互转、账户池管理、Web 管理界面,Docker 一键部署,零成本调用 Claude Opus 4.5、Gemini 3 Pro 等高级模型 ✅

XiaoqiangClub的博客 1035

angularjs请求$resource的5种基本操作方法

angularjs$resource的5种基本操作方法 angular请求资源有五种基本方法,分别是get,save,query,delete,remove 【HTTP GET类型的方法】 ①GET请求: get(params,successFn,errrorFn) 不定义具体的参数,get()请求通常被用来获取单个资源。 //GET let $com = $resource("api/user/getById.do"); $com.get(function(res){ //处

code_carrierV1的博客 1441

SSH 远程登录报错:kex_exchange_identification: Connection closed.....

不知道为啥会出现这样的情形,最近这段时间登录都是正常的,不知道哪里抽风了,就提示这个。错误信息 kex_exchange_identification: Connection closed by remote host 出现在尝试使用 SSH 连接到远程服务器过程中,表明在密钥交换阶段的一开始,远程主机就关闭了连接。服务器的sshd_config文件中配置错误,可能是不允许的加密算法、修订文件中的语法错误,或者未正确指定用于SSH的HostKey。如果当前已有太多活动连接,新的连接尝试可能会被拒绝。

飞越蓝天的专栏 8299

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

AngularJS Resource:与 RESTful API 交互

REST(表征性状态传输,Representational State Transfer)是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。RESTful风格的设计不仅具有更好的可读性(Human Readable),而且易于做缓存以及服务器扩展(scalability)。REST风格体现在URL设计上: 每个URL对应一个资源对资源的不同操作对应于HTT

分享技术,共建开放平台 1万+

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

浅谈AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了。   REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式  1)我们首先需要引入ng-Resource  模块,在angular之后?12&lt;scrip...

kong_12的博客 637

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

angular学习笔记一$resource

$resource是angular自带的一个服务,这个服务会创建一个用来和restful风格的服务端数据进行交互的一个对象(a resource object),通过这个对象来完成CURD操作。 使用服务时需要先在页面上引入ngResource模块,$resource服务依赖于$http服务, 使用: $resource(url,[paramDefaults],[...

weixin_30882895的博客 196

超高效超分辨率技术(SESR)使用指南

超高效超分辨率技术(SESR)使用指南 项目介绍 SESR(Super-Efficient Super Resolution)是由ARM软件团队开发的一个开源项目,旨在通过超级高效的算法实现图像的超分辨率重建。该技术在保持或提升图像质量的同时,相比现有方法在Multiply-Accumulate(MAC)操作上实现了2到330倍的性能改进,适用于2倍和4倍的图像放大。此项目基于论文“Collaps...

gitblog_00096的博客 864

AngularJs(四):$Http,$resource

一.使用$http $http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有success和error两个方法。例如代码: $http({    method:"GET",    url:'/xx/xx' }).success(function(data,status,headers,config)

Allen 6369

angularJS $resource

$resource是一个更方便地与RESTful服务器API进行交互,可以方便地定义一个REST资源,而不必手动所有的声明CRUD方法的Service。 使用 1.要使用$resource首先要在HTML中引入它的独立的js文件; <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/...

aizhanqian5077的博客 217

AngularJS中$resource对象

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33754065的博客 185

angularjs中$resource的使用

一、使用$resource    1、引入 angular-resource.min.js     2、定义模块时加载 ngResource       var app = angular.module('app',["ngResource"]); 二、支持的方法 支持方法 :  { 'get': {method:'GET'}, 'save':

lzyisaking的博客 2888

angular $resource模块

http://www.cooklife.cn/detail/54c643a6c93620284e964b59#View 上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。 安装 ngResource模块是一个可选的angularjs模块,如果

yangnianbing110的专栏 5万+
下一篇: AngularJS中的RESTful资源
javascript_panjialin
博客等级 码龄10年 3粉丝 6原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值