AngularJS使用$http配置对象方式与服务端交互方法


Posted in Javascript onAugust 13, 2018

如下所示:

//$http函数的形参就是一个配置对象
$http({
  //method属性表示HTTP请求时的方式,它是一个字符串,值是POST、GET、JSONP、DELETE、PUT和HEAD其中之一
  method:
  //url表示向服务器请求的地址,是一个相对或者绝对的字符串形式
  url:
  //data属性是一个对象,该对象将作为消息体的一部分发送给服务端,常用于POST或PUT数据时使用;
  data:
  //params属性是一个字符串对象,当发送HTTP请求时,如果是对象,将自动按json格式进行序列化,并追加到URL后面,作为发送数据的一部分,传递给服务器。
  params:
  //用于对请求体信息和请求体进行序列化转换,并生成一个数组发送给服务端
  transformRequest:
  //用于对响应体头信息和响应体进行序列化的反转,其实质就是解析服务器发送来的被序列化后的数据
  transformResponse:
  //表示是否对HTTP请求进行缓存,如果该值是true,表示需要缓存,否则不缓存
  cache:
  //表示延迟发送HTTP请求的的时间,单位是毫秒
  timeout:
})
.success(fn1)
.error(fn2)

//--------------------------------------------

执行$http函数后,它返回的内容其实是一个promise对象,因此可以直接通过连式的写法调用then方法获取成功和异常后的数据。
$http({
  //配置对象
})
.success(fn1)
.error(fn2)
//等价于
$http({
  //配置对象
})
.then(fn1,fn2)

其中fn1和fn2分别表示请求成功和错误时的返回函数。

需要说明的是,虽然两者的功能相同,但使用then方法可以接收到服务端的完整响应对象,而success和error方法只是接收解析并处理后的响应对象,也就是说,then方法获取的返回对象更原始和完整。

以上这篇AngularJS使用$http配置对象方式与服务端交互方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
js小技巧--自动隐藏红叉叉
Aug 13 Javascript
JS中操作JSON总结
Dec 06 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
简述vue中的config配置
Jan 23 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
CocosCreator入门教程之网络通信
Apr 16 Javascript
angularjs $http调用接口的方式详解
Aug 13 #Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
Aug 13 #Javascript
vue实现文件上传功能
Aug 13 #Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 #Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 #Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 #Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
Aug 12 #Javascript
You might like
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
php Memcache 中实现消息队列
2009/11/24 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
新手入门常用代码集锦
2007/01/11 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
jquery异步调用页面后台方法‏(asp.net)
2011/03/01 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
JavaScript小技巧整理
2015/12/30 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
Python操作SQLite数据库的方法详解【导入,创建,游标,增删改查等】
2017/07/11 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
实习求职信
2013/12/01 职场文书
英文自我鉴定
2013/12/10 职场文书
最热门的自我评价
2013/12/30 职场文书
自荐书4要点
2014/01/25 职场文书
班级德育工作实施方案
2014/02/21 职场文书
拓展策划方案
2014/06/03 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
出国导师推荐信
2015/03/25 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
redis 解决库存并发问题实现数量控制
2022/04/08 Redis