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 相关文章推荐
jQuery库与其他JS库冲突的解决办法
Feb 07 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
JavaScript构造函数详解
Dec 27 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
浅谈Vue.js中的v-on(事件处理)
Sep 05 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
vue实现登录拦截
Jun 29 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使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
2020/04/22 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
Python实现的计算器功能示例
2018/04/26 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python做接口测试的必要性
2019/11/20 Python
PyQt实现计数器的方法示例
2021/01/18 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
最新计算机专业自荐信
2013/10/16 职场文书
学生会竞聘书范文
2014/03/31 职场文书
公司租房协议书范本
2014/10/08 职场文书
保护环境的宣传语
2015/07/13 职场文书