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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
JavaScript入门之对象与JSON详解
Oct 21 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
vue 源码解析之虚拟Dom-render
Aug 26 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
详解javascript脚本何时会被执行
Feb 05 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扩展
2013/06/13 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
Python 列表list使用介绍
2014/11/30 Python
python正则表达式match和search用法实例
2015/03/26 Python
python 网络爬虫初级实现代码
2016/02/27 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
详解python中的线程与线程池
2019/05/10 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
酷瑞网络科技面试题
2012/03/30 面试题
竞选劳动委员演讲稿
2014/04/28 职场文书
邀请函格式范文
2015/02/02 职场文书
结婚老公保证书
2015/02/26 职场文书
高一军训口号
2015/12/25 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android