您的位置:首页 > 理论基础 > 计算机网络

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

2017-05-02 22:54 579 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs 服务器 http