Nenhum cabeçalho 'Access-Control-Allow-Origin' ao receber dados JSON do servidor
Estou tentando fazer com que o lado do cliente receba dados JSON do servidor, no entanto, ele constantemente aparece o método de erro. Quando tento usar o Chrome para depurar, ele aparece:XMLHttpRequest cannot load http://localhost:8080/TransportationNetwork/rest/paths?st=3,6. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
Tentei alterar o dataType para 'jsonp', mas não funciona. No entanto, quando uso o POSTMAN para testar os dados do servidor, tudo funciona bem, posso ver que os dados JSON vêm do servidor.
Aqui está a imagem mostra o resultado do teste do POSTMAN: As imagens mostram o resultado do teste POSTMAN do servidor
A seguir, meu código no servidor e no cliente: Alguém poderia me dizer como adicionar o cabeçalho 'Access-Control-Allow-Origin' ao meu código java? (Se for esse problema)
O código Java:
@Path("/paths")
public class PathsResource {
PathDao pathDao;
public PathsResource() {
pathDao = new PathDao();
}
@GET
@Produces(MediaType.APPLICATION_JSON)
//@Consumes("text/plain")
public List<DirectedEdge> pathsInfo(@QueryParam("st") String st) {
System.out.println("Searching paths : " + st);
return pathDao.getEdgeList(st);
}
}
O Javascript:
var serviceURL = "http://localhost:8080/TransportationNetwork/rest/paths";
$('#findPaths').click(function() {
getPaths();
});
function getPaths() {
console.log('display paths');
$.ajax({
type:'GET',
url: serviceURL,
dataType:'json', // data type get back from server
data:'st=' + dataToServer(), //data sent to server
success: renderList,
error: function(jqXHR, textStatus, errorThrown){
alert('Path Finder: ' + textStatus);
}
});
}
function dataToServer() {
var array = "";
str1 = $('#source').val();
str2 = $('#target').val();
array = str1 + "," + str2;
return array;
}
function renderList(data) {
//var parsedData = JSON.parse(data);
var list = data == null ? [] : (data instanceof Array ? data : [data]);
$('#PathList li').remove();
$.each(list, function(index, path) {
$('#PathList').append('<li>'+ path.source + ' -> ' + path.target + ': ' + path.weight + '</li>');
});
}