No 'Access-Control-Allow-Origin' header is present on the requested resource

[Girish Dubey]

I am trying to get data from other server and i get right response as well as below error

XMLHttpRequest cannot load http://dex2y.xyrn.com/data/profiledata.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:56711' is therefore not allowed access.

Request:

$.ajax({ url: "http://dex2y.xyrn.com/data/profiledata.json", async: false, dataType: "json", success: function (json) { exampleValues = json; } });

Response:

{

"header": "Bob's Profile",

"name": "Bob Robertson",

"address": "1010 Some Street, New York, NY, 10001",

"phone": "(212) 555-1212",

"interests": "Bob likes apples, big ones and floating ones."

}

and i am not able understand about this error.

[Ingolme]

You can only send AJAX requests to the same domain the page is hosted on. In order to send AJAX requests to other domains the server needs to be set up to send an "Access-Control-Allow-Origin" header which includes the domain name you're sending the request from.

[justsomeguy]

That means that the other server needs to be configured specifically to allow your server to contact it through Javascript.