Angularjs and Web service Issue

Я не получаю данные от ответа веб-службы в angularjs с использованием метода $ http.get.Что причина? Он напрямую переходит в часть ошибки.Angularjs and Web service Issue

Web код услуги:

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

Угловая 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 данных из веб-служб: URL: http://localhost:8080/restful-jersey-spring-demo/restws/employee/getEmployeeList

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

источник

2015-08-11 Vivek

сведения об ошибке console.info или поместить ваш браузер в режиме разработчика, чтобы получить подробную информацию об ошибке. Я подозреваю использование абсолютного uri. Вы пытались использовать этот «/ restful-jersey-spring-demo/restws/employee/getEmployeeList»? – boly38

Я получаю следующее Ошибка: запрос на перекрестный запрос заблокирован: политика одинакового происхождения запрещает чтение удаленного ресурса по адресу http: // localhost: 8080/restful-jersey-spring-demo/restws/employee/getEmployeeList. (Причина: заголовок CORS «Access-Control-Allow-Origin» отсутствует). – Vivek

Согласно CORS, другой порт имеет другое происхождение. Вам нужно убедиться, что ответ Джерси включает заголовок Access-Control-Allow-Origin: *. –

Добавьте заголовок в ответ ....

@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(); 
}

источник

2015-08-12 05:12:59

$ HTTP не передает данные ответа но ответ на обратный вызов успеха. Поэтому использование:

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

Для CORS ошибок см это thread.

источник

2015-08-11 13:20:53 wero

Он также не работает .... – Vivek

затем отлаживать эту функцию: установить контрольную точку в своем обратном вызове и проверить переданное значение. – wero

Я получаю следующее Ошибка: запрос на перекрестный запрос заблокирован: политика одного и того же происхождения запрещает чтение удаленного ресурса по адресу http: // localhost: 8080/restful-jersey-spring-demo/restws/employee/getEmployeeList. (Причина: заголовок CORS «Access-Control-Allow-Origin» отсутствует). – Vivek

Angularjs and Web service Issue

ответ

Смежные вопросы