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 相关文章推荐
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
javascript级联下拉列表实例代码(自写)
May 10 Javascript
jquery插件qrcode在线生成二维码
Apr 26 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
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
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
js实现鼠标划过给div加透明度的方法
2015/05/25 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
javascript如何创建对象
2016/08/29 Javascript
vue多种弹框的弹出形式的示例代码
2017/09/18 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
Python实现定时任务
2017/02/08 Python
mac系统安装Python3初体验
2018/01/02 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
python实现桌面托盘气泡提示
2019/07/29 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
python 实现端口扫描工具
2020/12/18 Python
彻底解决pip下载pytorch慢的问题方法
2021/03/01 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
爱耳日活动总结
2014/04/30 职场文书
团代会宣传工作方案
2014/05/08 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
商场收银员岗位职责
2015/04/07 职场文书
2015年社区卫生工作总结
2015/04/21 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
社区党支部承诺书
2015/04/29 职场文书
2016年第十九届推普周活动总结
2016/04/06 职场文书