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

本文介绍了AngularJS中的$http服务用于网络通信,它封装了XMLHttpRequest,提供get和post等方法。$http返回的promise对象带有success和error回调。此外,文章探讨了将网络请求放在Service层的实践,推荐使用方法二,通过$q服务创建自定义promise,利用defered对象的resolve和reject方法进行回调处理。
摘要由CSDN通过智能技术生成

一、介绍:


$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、付费专栏及课程。

余额充值