JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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到多次,以提供过程状态的提示

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

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

响应体

2. status:

相应http的状态码,如200

3. headers(函数):

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

4. config(对象):

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

5. statusText:

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

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

 

 使用实例:

index.html

$http request test
名称 属性  

app.js

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

}
})

  data.json

  结果:

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

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

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

总结

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

大佬总结

以上是大佬教程为你收集整理的AngularJS中$http服务常用的应用及参数全部内容,希望文章能够帮你解决AngularJS中$http服务常用的应用及参数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:http