AngularJS内置服务器--$http服务的简单用法

AngularJS提供了大量的内置服务,通过这些内置服务就可以快捷的进行一些业务功能流程的自动处理了,如:
$window用于注入原生JS中的window对象
$document用于注入原生JS中的document文档对象
$timeout用于注入封装的原生JS中的setTimeout()函数处理过程
$interval用于注入封装的原生JS中的setInterval()函数处理过程
$location用于注入原生JS中的location对象方便对于URL地址等操作
$http用于注入封装的Ajax操作进行异步数据请求等等

什么是$http

$http:AngularJS的核心服务之一,主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程服务的数据请求。

内置服务:$http使用格式:

//简单get请求方式,可以该为POST

var app=angular.module("myApp",[]);
app.controller("myCtrl",["$scope","$http",
function($scope,$http){
    $http({
    method:"GET", //请求发送的方式
    url:"请求地址",
    params:{},//传递参数    
            }).then(
                function success(res){
                    //请求成功时执行的代码
                },function error(res){
                    //请求失败时执行的代码
                }
            )
        }])

GET()和POST()方式的不同点:

get()方式用params传递参数
post()方式用data传递参数

简写方式:

$http.get('url',params, config).then(fn1, fn2);
$http.post('url', data, config).then(fn1, fn2);
fn1:请求成功时执行的函数
fn2:请求失败时执行的函数

此外还有以下简写方法:

$http.get
$http.post
$http.jsonp
$http.head
$http.put
$http.delete
$http.patch
更详细内容可参见:https://code.angularjs.org/api/ng/service/$http

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值