XMLHttpRequest cannot load… Origin null is not allowed by Access-Control-Allow-Origin

This site is best viewed in a modern browser with JavaScript enabled.

XMLHttpRequest cannot load… Origin null is not allowed by Access-Control-Allow-Origin

paulovagner

I am trying to print a json that this broker on my server, but i can not return the json, the chorme me of the following error:

XMLHttpRequest can not load .... Origin null is not allowed by Access-Control-Allow-Origin.

can someone help me?

the following code:`

console.log("carregando..");
var username = "admin";
var password = "password";
$.ajax({

   type: 'GET',
    url: 'http://localhots/api/json/broker/dest-metrics',
    dataType: 'json',
    headers : {Accept : "application/json","Access-Control-Allow-Origin" : "*"},
    beforeSend : function(req) {
                                    req.setRequestHeader('Authorization', "Basic " +Base64.encode(username+":"+password))
                                    console.log("Autenticado!!");
    },
    success: function(data) { console.log("Sucesso!!"); },
    error: function (data) {
              console.log("ERRO");
         },
    data: {},
   async: false,
   cache: false,
   jsonp: true 



});`

rnd_me

take out your custom headers, you don't need them and they are breaking the CORS.

paulovagner

I configured my virtual machine on the server apache the CORS with this line of code:

<VirtualHost *:80>
DocumentRoot "/path/to/website/root"
ServerName domain.tld
Header set Access-Control-Allow-Origin http://example.com
Header set Access-Control-Allow-Methods POST,GET
Header set Access-Control-Allow-Headers X-Authorization,X-Requested-With
</VirtualHost>

and still giving error!

rnd_me

the jquery headers are what i was talking about, not the server.
since you don't whitelist the custom request headers "Accept" or "Access-Control-Allow-Origin" headers, the CORS request cannot be completed.