AngularJS中$http服务常用的应用及参数

前端之家收集整理的这篇文章主要介绍了AngularJS中$http服务常用的应用及参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

$http 服务:只是简单封装了浏览器原生的XMLHttpRequest对象,接收一个参数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容,这个函数返回一个promise对象,具有successerror方法

$http服务的使用场景:

错误状态返回)操作 })

then()函数:可以使用then()函数来处理$http服务的回调,then()函数接受两个可选的函数作为参数,表示successerror状态时的处理,也可以使用successerror回调代替: 

then(successFn,errFn,notifyFn) ,无论promise成功还是失败了,当结果可用之后, then都会立刻异步调用successFn或者errFn。这个方法始终用一个参数来调用回调函数:结果,或者是拒绝的理由。

promise被执行或者拒绝之前, notifyFn回调可能会被调用0到多次,以提供过程状态的提示

调用,resp是一个响应对象 },function(resp) { // 响应失败时调用,resp带有错误信息 });

then()函数接收的resp(响应对象)包含5个属性: 

1. data(字符串或对象):

响应体

2. status:

相应http的状态码,如200

3. headers(函数):

头信息的getter函数,可以接受一个参数,用来获取对应名字的值

4. config(对象):

生成原始请求的完整设置对象

5. statusText:

相应的http状态文本,如"ok"

或者使用success/error方法,使用

错误处理 promise.error(function(data,config){ // 处理非成功的响应 });

 

 使用实例:

index.html

<Meta charset="UTF-8"> $http request test

app.js

promise.then(function(data){ $scope.myData = data.data; }) /*promise.success(function(data){ $scope.myData = data; })*/

}
})

  data.json

  结果:

调用then()函数时返回的resp对象:

总结

AngularJS中$http服务常用的应用及参数到这就基本结束了,希望本文的内容能对大家学习使用AngularJS有所帮助。如果有疑问可以留言交流。

猜你在找的JavaScript相关文章