Estou estudando angular e estou tentando receber dados em formato JSON de uma webservice, mas está com o seguinte erro:
XMLHttpRequest cannot load http://localhost:8080/newspaper/dados/jornal. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.
Segue meu cod abaixo.
app.controller("jornalCtrl", function($scope, $http) {
var url = 'http://localhost:8080/newspaper/dados/jornal';
$http({
method: 'JSONP',
url: url,
headers: {
'Content-Type': 'application/json',
'Access-Control-Allow-Headers': 'Content-Type',
'Access-Control-Allow-Methods': 'GET',
'Access-Control-Allow-Origin': '*'
},
params: {
format: 'jsonp',
callback: 'JSON_CALLBACK'
}
})
.then(function successCallback(response) {
$scope.jornais = response.jornais.jornal;
},
function errorCallback(response) {
$scope.content = "Something went wrong!";
});
});