javascript - Access-Control-Allow-Origin 不允许 Origin null

Question

我制作了一个小的 xslt 文件来创建一个名为 weather.xsl 的 html 输出，代码如下:

<!-- DWXMLSource="http://weather.yahooapis.com/forecastrss?w=38325&u=c" -->
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
exclude-result-prefixes="yweather"
xmlns:yweather="http://xml.weather.yahoo.com/ns/rss/1.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#">
<xsl:output omit-xml-declaration="yes" indent="yes"/>
<xsl:strip-space elements="*"/>

<xsl:template match="/">
    <img src="{/*/*/item/yweather:condition/@text}.jpg"/>
</xsl:template>
</xsl:stylesheet>

我想将 html 输出加载到 html 文件中的 div 中，我尝试使用 jQuery 执行如下操作:

<div id="result">
<script type="text/javascript">
$('#result').load('weather.xsl');
</script>
</div>

但我收到以下错误: Access-Control-Allow-Origin 不允许 Origin null。

我已经阅读了有关向 xslt 添加 header 的信息，但我不确定如何执行此操作，因此我们将不胜感激，如果无法以这种方式加载 html 输出，那么建议关于其他方法会很棒。

Answer 1

Origin null 是本地文件系统，因此这表明您正在加载通过 file://调用 load 的 HTML 页面/ URL(例如，只需在本地文件浏览器或类似浏览器中双击它)。

大多数浏览器都应用 Same Origin Policy通过禁止从与文档相同的目录加载文件来加载到本地文件。 (以前是Firefox允许同一个目录和子目录，但是not any longer。

基本上，将 ajax 与本地资源一起使用是行不通的。

如果您只是在本地测试一些您将真正部署到网络的东西，而不是使用本地文件，请安装一个简单的网络服务器并通过 http:// URL 进行测试。这为您提供了更准确的安全图片。您的 IDE 很可能内置了某种服务器(直接或通过扩展)，您只需在 IDE 中点击“运行”即可启动服务器并提供文件。