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 相关文章推荐
JavaScript 函数式编程的原理
Oct 16 Javascript
禁止js文件缓存的代码
Apr 09 Javascript
jquery getScript动态加载JS方法改进详解
Nov 15 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
判断数组是否包含某个元素的js函数实现方法
May 19 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
手机端转换rem适应
Apr 01 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 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
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
浅谈laravel5.5 belongsToMany自身的正确用法
2019/10/17 PHP
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
如何使用jquery修改css中带有!important的样式属性
2016/04/28 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
2016/11/28 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
python 网络爬虫初级实现代码
2016/02/27 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
python获取url的返回信息方法
2018/12/17 Python
python for循环remove同一个list过程解析
2019/08/14 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
StubHub新西兰:购买和出售你的门票
2019/04/22 全球购物
肯尼迪就职演说稿
2013/12/31 职场文书
社区端午节活动方案
2014/01/28 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
技术员岗位职责
2015/02/04 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
详解Java实现设计模式之责任链模式
2021/06/23 Java/Android