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 jQuery中的DOM操作
Mar 21 Javascript
JS 文件传参及处理技巧分析
May 13 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
jquery实现心算练习代码
Dec 06 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
Jan 16 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
python实现迭代法求方程组的根过程解析
Nov 25 Javascript
详解datagrid使用方法(重要)
Nov 06 Javascript
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
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如何编写易读的代码
2007/07/10 PHP
PHP 危险函数全解析
2009/09/09 PHP
PHP的变量总结 新手推荐
2011/04/18 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
CI框架表单验证实例详解
2016/11/21 PHP
PHP自动载入类文件函数__autoload的使用方法
2019/03/25 PHP
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
用jquery等比例控制图片宽高的具体实现
2014/01/28 Javascript
js实现圆盘记速表
2015/08/03 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
Python 定义只读属性的实现方式
2020/03/05 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
公司请假条格式
2014/04/11 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
Java并发编程必备之Future机制
2021/06/30 Java/Android
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang