AngularJS中的$http、$q服务和promise对象的联系

一、介绍:


$http服务是AngularJS系统自带的,可以用来进行网络通信、获取远程服务器的数据。要记住的是,$http是对浏览器XMLHttpRequest的封装,也就是说,它其实是Ajax。

首先为了用$http发起请求,我们得先找到一个可以测试的API,这里我用:https://randomuser.me/api/来测试:用get请求,它能够返回json格式的一个随机用户的资料。具体的介绍就不说了,大家可以看看这个网页:https://randomuser.me/。比如我在浏览器中输入,可以看到返回的数据:
测试API

二、$http的基本用法:


使用的时候写好几个参数:

  • options:包括url、method(get或post)
  • successFn:成功的回调
  • errorFn:失败的回调

格式:

$http(options).success(successFn).error(errorFn)

例子:(html文件就是一个按钮和显示结果的文本框,在这里就不写出来了)

angular.module('myDemo', [])

    .controller('myController', ['$scope', '$http', function ($scope, $http) {
   
        $scope.testHttp = function () {
   
            $http({
                method: 'GET',
                url: 'https://randomuser.me/api/'
            }).success(function (data) {
       
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值