Angularjs and Web service Issue

Question

I am not getting data from Web service's response in angularjs using $http.get method.What cause is this?? It is directly goes to error part.

Web service code:

 @GET
 @Path("/getEmployeeList")
 @Produces(MediaType.APPLICATION_JSON)
 public Response getEmployeeList() {
    ArrayList<Employee> empList = (ArrayList<Employee>) employeeService.getAllEmployees();
    return Response.status(200).entity(empList).build();
}

Angular Js:

<script src="angular.js"></script>
</head>
<body  >

<div  ng-app="hello">
    <h1>Greeting</h1>
    <div ng-controller="home" >
      <div ng-repeat="a in greeting">
        <p>The Id is: {{a.empId}}</p>
        <p>The content is: {{a.firstName}}</p>
         <p>The content is: {{a.lastName}}</p>
       </div>
    </div>
 </div>
    </body>
  <script >
   var myApp = angular.module('hello', []);
  myApp.controller('home',['$scope','$http',function($scope,$http) {
    $http.get("http://localhost:8080/restful-jersey-spring-demo/restws/employee/getEmployeeList")
    .success(function(data) {

        $scope.greeting = data;
    }).error(function(data, status, headers, config){
      alert("Error") 
    });
 }]);

</script>

</body>

Json Data From Web services: URL:http://localhost:8080/restful-jersey-spring-demo/restws/employee/getEmployeeList

 [
{
    "empId": 1,
    "firstName": "Chirag",
    "lastName": "L"
},
{
    "empId": 2,
    "firstName": "Prashant",
    "lastName": "K"
}
]

console.info error details or put your browser in developer mode to get error details. I suspect the use of absolute uri. did you try using this one /restful-jersey-spring-demo/restws/employee/getEmployeeList? — boly38
– boly38, Commented Aug 11, 2015 at 13:33
I am getting following Error:Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at localhost:8080/restful-jersey-spring-demo/restws/employee/…. (Reason: CORS header 'Access-Control-Allow-Origin' missing). — Vivek
– Vivek, Commented Aug 11, 2015 at 13:40
According to CORS, a different port is a different origin. You'll need to make sure your Jersey response includes a header of Access-Control-Allow-Origin: * . — Eric McCormick
– Eric McCormick, Commented Aug 11, 2015 at 15:52

Vivek Gondliya · Accepted Answer · 2015-08-12 05:12:59Z

1

Add the header at response....

@GET
@Path("/getEmployeeList")
@Produces(MediaType.APPLICATION_JSON)
 public Response getEmployeeList() {
 ArrayList<Employee> empList = (ArrayList<Employee>)  employeeService.getAllEmployees();
 return Response.status(200).entity(empList).***header("Access-Control-Allow-Origin", "*")***.build();
}

answered Aug 12, 2015 at 5:12

Vivek Gondliya

3081 gold badge2 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

wero · Accepted Answer · 2015-08-11 13:46:58Z

1

$http does not pass the response data but the response to the success callback. Therefore use:

$http.get("http://localhost:8080/restful-jersey-spring-demo/restws/employee/getEmployeeList")
    .success(function(response) {
        $scope.greeting = response.data;
    }).error(function(response){
        alert("Error") 
});

For the CORS-error see this thread.

edited Aug 11, 2015 at 13:46

answered Aug 11, 2015 at 13:20

wero

33.1k3 gold badges63 silver badges87 bronze badges

3 Comments

wero Over a year ago

then debug this function: set a breakpoint in your success callback and examine the value which is passed.

Vivek Over a year ago

I am getting following Error:Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at localhost:8080/restful-jersey-spring-demo/restws/employee/…. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

tomastrajan Over a year ago

I would recomend using .then(function successHandler() {}, function errorHandler() {}) because it returns promise implicitly which is not the case with .success() and .error(). Because of this, in provided example it is imposible to chain additional promise handlers which is very often needed during normal development.

Collectives™ on Stack Overflow

Angularjs and Web service Issue

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related