AngularJS使用$http配置对象方式与服务端交互方法
更新时间：2018年08月13日 09:13:02 作者：xyphf_和派孔明
今天小编就为大家分享一篇AngularJS使用$http配置对象方式与服务端交互方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如下所示：
//$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配置对象方式与服务端交互方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇Angular移动端页面input无法输入的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了详解angular部署到iis出现404解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
今天小编就为大家分享一篇angular2 组件之间通过service互相传递的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09![解决angular2在双向数据绑定时[(ngModel)]无法使用的问题](//img.jbzj.com/images/xgimg/bcimg3.png)
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
今天小编就为大家分享一篇解决angular2在双向数据绑定时[(ngModel)]无法使用的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
表单是最常用的一种组建。在Angular.js中，其实并没有单独的为表单添加多少特殊功能。但是，利用Angular.js框架本身的特点，可以更友好的呈现表单。下面将介绍几种常用的功能在Angular中是如何巧妙实现的2016-03-03
本篇文章主要介绍了angular4 JavaScript内存溢出问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
Angular 服务器端渲染错误消息localStorage is not defined解决分析
这篇文章主要为大家介绍了Angular 服务器端渲染错误消息localStorage is not defined解决分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
本文介绍了其在AtScript、改善依赖入驻、Annotations、路由方案等方面的改变。虽然不知道打破原有是否是件好事，不过由于不向后兼容，我们需要为迁移做好计划2016-02-02
这篇文章主要介绍了在AngularJS中使用AJAX的方法,示例非常简单,并不能完全体现出AJAX动态刷新的强大功能,需要的朋友可以参考下2015-06-06
下面小编就为大家带来一篇AngularJS中的指令全面解析(必看)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
![解决angular2在双向数据绑定时[(ngModel)]无法使用的问题](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论