AngularJS中$http服务的简单用法

标签：angular

    我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。

1、链式调用

$http({
    url:‘data.json‘,
    method:‘GET‘
}).success(function(data,header,config,status){
    //响应成功
    
}).error(function(data,header,config,status){
    //处理响应失败
});

var promise=$http({
    method:‘GET‘,
    url:"data.json"
});

promise.then(function(resp){
    //resp是一个响应对象

},function(resp){
    //带有错误信息的resp

});

promise.success(function(data,status,config,headers){
    //处理成功的响应
});

promise.error(function(data,status,hedaers,config){
    //处理失败后的响应
});

get()方法返回HttpPromise对象。

还可以发送比如：delete/head/jsonp/post/put  函数内可接受参数具体参照148页

 4、也可以将$http当做函数来使用，这时需要传入一个设置对象，用来说明如何构造XHR对象。

 $http({
    method:‘GET‘,
    url:‘/api/users.json‘,
    params:{
        ‘username‘:‘tan‘
 });
 

var blob=new Blob([‘Hello world‘],{type:‘text/plain‘});
$http({
    method:‘POST‘,
    url:‘/‘,
    data:blob
});

$http({
    method: ‘GET‘,
    url: ‘/api/users.json‘
}).then (resp) {
    // 读取X-Auth-ID
    resp.headers(‘X-Auth-ID‘);
});

  学习angular，个人推荐书籍《AngularJS权威教程》

AngularJS中$http服务的简单用法

标签：angular

原文地址：http://blog.csdn.net/u010834071/article/details/46360127