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 相关文章推荐
FF IE兼容性的修改小结
Sep 02 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
js实现无缝滚动特效
Dec 20 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
如何快速上手Vuex
Feb 14 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
Aug 14 Javascript
如何更好的编写js async函数
May 13 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
类和原型的设计模式之复制与委托差异
Jul 07 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
php数组去重复数据示例
2014/02/25 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
<script defer> defer 是什么意思
2009/05/10 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
jQuery.each()用法分享
2012/07/31 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
node.js中的fs.utimesSync方法使用说明
2014/12/15 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
JavaScript 函数的执行过程
2016/05/09 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
VUE长按事件需求详解
2017/10/18 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
vue和H5 draggable实现拖拽并替换效果
2020/07/29 Javascript
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
python实现获取Ip归属地等信息
2016/08/27 Python
详解Python pygame安装过程笔记
2017/06/05 Python
详解Python中的type和object
2018/08/15 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python如何将模块打包并发布
2020/08/30 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
戴尔美国官方折扣店:Dell Outlet
2018/02/13 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
工厂厂长岗位职责
2013/11/08 职场文书
给面试官的感谢信
2014/02/01 职场文书
初中数学教学反思范文
2016/02/17 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript