从外部源中提取数据并获取请求资源上没有“ Access-Control-Allow-Origin”标头

Question

I am trying to pull a JS file from an external source and get the following error:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

The file I am trying to pull is a JS file that has data in it. I have tried the following

var xhr = new XMLHttpRequest();
xhr.open("get", "https://s3-ap-southeast-2.amazonaws.com/[userid]/data.js", true);
xhr.onload = function(){  //instead of onreadystatechange
    //do something
    alert("here");
};
xhr.send(null);

I have also tried

var promise = $.ajax({
    url: "https://s3-ap-southeast-2.amazonaws.com/[userid]/data.js",
    method: 'GET'
});

promise.done(function (result) {
    alert("done");
}).fail(function(){
    alert("Data cannot be loaded at this time. Please ensure there are no ad blockers enabled.");
});

I have tried this with a JSON file and these works but it will not load in the JS file. Can anyone shed any light?

Answer 1

您需要在获取数据的响应中添加CORS标头。没有其他方法。