从Ajax请求获取数据到Angular

时间:2015-12-16 12:13:04

标签: javascript jquery angularjs json ajax

我有2个请求

$.ajax({
    type: "POST",
    url: "http://sandbox.gasvisor.com:9988/uaa/oauth/token",
    data: "grant_type=client_credentials",
    headers: { 'Content-Type': 'application/x-www-form-urlencoded',
    'Authorization':'Basic SVRXRV9XRUJfQVBQOml0d2VfY2xpZW50' },
    success:function(data){
        console.log(data);
        getData(data.access_token);
    }
})

function getData(acess_token){
    $.ajax({
        type: "GET",
        url: "http://sandbox.gasvisor.com/api/v2/gobjects/search/withinRadius?longitude=24.711117&latitude=48.922633&radius=10",
        headers: { 
            'Authorization':'bearer'+acess_token },
            success:function(data){
                console.log(data);
            }
        })    
}

他们从服务器返回json。我需要从Json文件获取数据到我的Angular列表。请帮助我。

1 个答案:

答案 0 :(得分:1)

以下是您致电的简单示例:

$http({
  method: 'POST',
  url: 'http://sandbox.gasvisor.com:9988/uaa/oauth/token',
  data: 'grant_type=client_credentials',
  headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Authorization':'Basic SVRXRV9XRUJfQVBQOml0d2VfY2xpZW50' },
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
    $scope.response = response;
  }, function errorCallback(err) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
    $scope.error = err;
});