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

来源:互联网 发布:node fs模块 编辑:程序博客网 时间:2024/06/04 18:09

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请求方式,可以该为POSTvar 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