jQuery xml错误'请求的资源上没有'Access-Control-Allow-Origin'标头。

Question 1

我正在从事我的这个个人项目，只是出于娱乐目的，我想阅读位于http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml的xml文件，并解析xml和用它在货币之间转换价值。

到目前为止，我想出了下面的代码，该代码是基本的，可以读取xml，但是出现以下错误。

XMLHttpRequest无法加载****。所请求的资源上没有“ Access-Control-Allow-Origin”标头。因此，不允许访问原始站点“ http://run.jsbin.com ”。

$(document).ready( 
    function() {     
        $.ajax({          
            type:  'GET',
            url:   'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml',
            dataType: 'xml',              
            success: function(xml){
                alert('aaa');
            }
         });
    }
);

我没有发现我的代码有什么问题，所以我希望有人可以指出我的代码有什么问题以及如何解决。

Question 2

由于同源策略，您将无法http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml从部署的文件进行ajax调用。http://run.jsbin.com

由于源页面（即原始页面）和目标 URL位于不同的域（run.jsbin.com和www.ecb.europa.eu），因此您的代码实际上是在尝试发出跨域（CORS）请求，而不是普通请求GET。

简而言之，同源策略表示浏览器应仅允许对HTML页面同一域中的服务进行ajax调用。

例：

的网页http://www.example.com/myPage.html只能直接请求的服务http://www.example.com，例如http://www.example.com/api/myService。如果服务托管在另一个域（例如http://www.ok.com/api/myService），则浏览器将不会直接拨打电话（如您所愿）。相反，它将尝试发出CORS请求。

简而言之，要跨不同的域执行（CORS）请求*，请使用浏览器：

将Origin在原始请求中包含标头（以页面的域为值），并照常执行；然后
仅当服务器对该请求的响应包含允许CORS请求的足够的标头（Access-Control-Allow-Origin即其中之一）时，浏览器才会完成调用（几乎**完全相同，如果HTML页面位于相同的域）。
- 如果期望的标头没有出现，浏览器只会放弃（就像您所做的那样）。

_{*上面描述了简单请求中的步骤，例如GET没有花式标题的常规。如果请求不是简单的（如POST带有application/json内容类型的），浏览器将稍等一下，然后在完成OPTIONS请求之前首先将请求发送到目标URL。像上面一样，只有在对此OPTIONS请求的响应包含CORS标头时，它才会继续。此OPTIONS调用称为预检请求。}
_{**我说这几乎是因为常规电话和CORS电话之间还有其他差异。重要的一点是，即使标题中包含某些标头，即使标头中不包含Access-Control-Expose-Headers某些标头，浏览器也不会将其提取。}

如何解决？

这只是一个错字吗？有时，JavaScript代码在目标域中只是一个错字。你检查了吗如果页面位于该页面，www.example.com则只会定期调用www.example.com！其他URL，例如api.example.com或什至example.com或被浏览器www.example.com:8080视为不同的域！是的，如果端口不同，则它是不同的域！

添加标题。启用 CORS 的最简单方法是Access-Control-Allow-Origin在服务器的响应中添加必要的标头（如）。（每种服务器/语言都可以做到这一点- 在此处检查一些解决方案。）

不得已：如果您没有服务器端对该服务的访问权限，则也可以对其进行镜像（通过反向代理之类的工具），并在其中包括所有必需的标头。

Question 3

如果您在服务器上启用了php，则有一种破解方式。更改此行：

url:   'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml',

到这行：

url: '/path/to/phpscript.php',

然后在php脚本中（如果您有权使用file_get_contents（）函数）：

<?php

header('Content-type: application/xml');
echo file_get_contents("http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml");

?>

Php似乎不介意该网址是否来自其他来源。就像我说的那样，这是一个错误的答案，我敢肯定这有问题，但是对我有用。

编辑：如果要在php中缓存结果，这是您将使用的php文件：

<?php

$cacheName = 'somefile.xml.cache';
// generate the cache version if it doesn't exist or it's too old!
$ageInSeconds = 3600; // one hour
if(!file_exists($cacheName) || filemtime($cacheName) > time() + $ageInSeconds) {
  $contents = file_get_contents('http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml');
  file_put_contents($cacheName, $contents);
}

$xml = simplexml_load_file($cacheName);

header('Content-type: application/xml');
echo $xml;

?>

缓存代码从这里获取。