如何使用angular.js从Java REST服务获取数据

时间:2014-03-15 11:31:13

标签: angularjs java-ee

我在Netbeans上使用默认的JEE7 REST应用程序。我尝试调用的REST方法是:

@GET
@Path("{id}")
@Produces({"application/xml", "application/json"})
public Customer find(@PathParam("id") Integer id) {
    return super.find(id);
}

我可以成功获得所有客户的列表。但是,当我在客户端获得带有角度的客户ID时,它会生成以下URL:

http://localhost:8080/mavenproject2/customers?0=1 

(当我通过1的ID时) 添加"?"并添加索引" 0 ="使呼叫失败。

http://localhost:8080/mavenproject2/customers/1 works

我的服务如下:

   customerServices.factory('customerById', function ($resource) {
    return $resource('http://localhost:8080/mavenproject2/customers/:id', {id: "@id"}, {
        query: {method: 'GET', isArray: true}
    });
})

我的控制器看起来像这样:

.controller('customerDetailsController', function ($scope, $routeParams, customerById) {
    $scope.customer = customerById.query($routeParams.customerId);

});

非常感谢协助。

2 个答案:

答案 0 :(得分:2)

您可以在控制器中尝试这样的事情:

$scope.fetchData = function() {
    $http({
        method : 'GET',
        url : 'http://localhost:8080/mavenproject2/customers/',
        params : {id : theIdFromYourCode}
    }).success(function(data) {
        // do something
    }).error(function(data, status) {
        // do something if error
    });
}; 

请注意,您必须包含 $ http 模块。

答案 1 :(得分:2)

您应该将参数作为对象传递,并使用@指定字段。对于你的情况:

$scope.customer = customerById.query({ id: $routeParams.customerId });