跨域资源共享的XMLHttpRequest问题

Question

我正在向Google Places API发出JSON请求:

    function load(){
    var req = new XMLHttpRequest();
    req.open('GET', 'https://maps.googleapis.com/maps/api/place/details/json?reference=CnRhAAAARMUGgu2CeASdhvnbS40Y5y5wwMIqXKfL-n90TSsPvtkdYinuMQfA2gZTjFGuQ85AMx8HTV7axABS7XQgFKyzudGd7JgAeY0iFAUsG5Up64R5LviFkKMMAc2yhrZ1lTh9GqcYCOhfk2b7k8RPGAaPxBIQDRhqoKjsWjPJhSb_6u2tIxoUsGJsEjYhdRiKIo6eow2CQFw5W58&sensor=true&key=xxxxxxxxxxxxx', false);
    req.send(null);
    if(req.status == 200){  
      dump(req.responseText);
        }
}

但是Chrome返回错误:

XMLHttpRequest cannot load https://maps.googleapis.com/maps/api/place/details/json?reference=CnRhAAAARMUGgu2CeASdhvnbS40Y5y5wwMIqXKfL-n90TSsPvtkdYinuMQfA2gZTjFGuQ85AMx8HTV7axABS7XQgFKyzudGd7JgAeY0iFAUsG5Up64R5LviFkKMMAc2yhrZ1lTh9GqcYCOhfk2b7k8RPGAaPxBIQDRhqoKjsWjPJhSb_6u2tIxoUsGJsEjYhdRiKIo6eow2CQFw5W58&sensor=true&key=xxxxxxxxxxxxxx. 
Origin http://sandrayoon.com is not allowed by Access-Control-Allow-Origin.

是否有办法防止或规避跨域资源共享?我对这个安全问题不是很熟悉。

Answer 1

防止这种情况的唯一方法是从服务器发送适当的Access-Control-Allow-Origin头，这不是在您的控制之下。所以基本的答案是否定的。但是，您可以考虑使用服务器代理，它将从服务器获取数据，并从提供客户端脚本的同一主机将其发送给您。

Answer 2

服务器应该以"Access-Control-Allow-Origin"头响应，以便让浏览器将此响应传递给javascript。您还可以设置"*"来允许任何跨域请求。

这是一个很好的主题介绍