AngularJS  $http服务

$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。

废弃声明 (v1.5):v1.5 中$http 的 success 和 error 方法已废弃。使用 then 方法替代。

1 使用格式

 $http({
	 url:url,           //请求的url路径
	 method:method,    //GET/DELETE/HEAD/JSONP/POST/PUT
	 params:params ,   //转为  ?param1=xx1¶m2=xx2的形式
	 data: data,       //包含了将被当做消息体发送给服务器的数据,通常在POST请求时使用
     headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).then(function successCallback(response) {
    // 请求成功执行代码
	// response(响应对象)包含五个属性
	// 1. data(字符串或对象):响应体,就是后台返回的数据
	// 2. status:相应http的状态码,如200
	// 3. headers(函数):头信息的getter函数,可以接受一个参数,用来获取对应名字的值
	// 4. config(对象):生成原始请求的完整设置对象
	// 5. statusText:相应的http状态文本,如"ok
}, function errorCallback(response) {
    // 请求失败执行代码
});

2 $http服务的设置对象

1、method 字符串  表示发送的请求类型 get post jsonp等等
2、url 字符串 绝对或者相对的URL,请求的目标
3、params 字符串或对象 会被转化成查询字符串加到URL后面,如果不是字符串会被JSON序列化
4、data 字符串或者对象 这个对象包含了被当做消息体发送给服务器的数据,一般在POST请求中使用,并且从angular1.3开始可以在POST
   请求里发送二进制数据如var blob = new Blob({name:’张三’}); $http({method:’get’,url:’/‘,data:blob});
5、headers 对象 在我们做POST跨域和后台配合的时候就用到了headers,其代表随请求发送的HTTP头字符串
6、xsrfHeaderName 字符串 保存XSFR令牌的HTTP头的名称
7、xsrfCookieName  字符串 保存XSFR令牌的cookie的名称
8、transformRequest 函数或函数组 用来对HTTP请求头和体信息进行转换,并返回转化后的版本,通常用于在请求发送给服务器之前对其序列
    化
9、transformResponse 函数或函数组 用来HTTP响应头和响应体信息进行转换,并返回转化后的版本,通常用来反序列化
10、cache 布尔或缓存对象 如果设置为true angularjs会用默认的$http缓存对GET请求进行缓存
11、timout 数值或者promise对象,如果为数值那么请求会在指定的毫秒后结束(会跳到失败的error方法里) ,如果为对象那么promise对
      象在被resolve时请求会被中止,方法执行完毕再执行请求
12、responseType 字符串 该选项会在请求中设置XMLHttpResponseType属性有以下类型: “”字符串默认,
    ”arraybuffer”(arraybuffer),”blob”(blob对象),“document”(HTTP文档),”json“(从JSON对象解析出来的json字符串),
   ”text“(字符串),”moz-blob“(Firefox的接收进度事件),”moz-chunked-text“(文本流),
   ”moz-chunked-arraybuffer”(arraybuffer流)

3 简写方法

  • POST 与 GET 简写方法格式:
$http.get('/someUrl', config).then(successCallback, errorCallback);
$http.post('/someUrl', data, config).then(successCallback, errorCallback);

4 其他简写格式

$http.get
$http.head
$http.post
$http.put
$http.delete
$http.jsonp
$http.patch

更详细内容可参见:https://docs.angularjs.org/api/ng/service/$http

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书香水墨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值