GET request via AJAX only works by entering the address bar

Question

Good morning,

It’s kind of crazy what’s happening, but I’m making a request via AJAX sending a GET and the return is ok, it’s all right, but this return is a url that after the request should allow access, but it only works if the url I am ordering via AJAX I access in the address bar, I can’t understand which logic has this?

Example:

 $.ajax({
        type : "GET",
        url  : 'http://services.teste.com/'+chaveAcesso,      
        dataType: 'json',
        success: function(retorno) {
            if(retorno.url) {             
                console.log(retorno.url);
            }
        }
    });

The return url is coming but it should have an access privilege and only works if I request it from the address bar by pasting this address http://services.teste.com/'+keyAccess and giving a enter and not via ajax

Answer 1

One possibility is that the server you are trying to run AJAX does not accept CORS (Cross-origin resource sharing)

Answer 2

As pointed out by @demarchisd, this is probably a CORS problem.

One way to resolve this is to make the request on the server side and then return with AJAX to the desired page.

For example, in PHP vc you can have a script (meuScript.php) that returns the JSON using the function file_get_contents('http://url.desejada.com/').

From there in java script you do:

$.ajax({
    type : "GET",
    url  : 'caminho/do/arquivo/meuScript.php',      
    dataType: 'json',
    success: function(retorno) {
        if(retorno.url) {             
            console.log(retorno.url);
        }
    }
});