dud*_*dok 176 html jquery cors
我创建了一个小的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添加标题的内容,但我不知道该怎么做,所以任何帮助都会受到赞赏,如果在html输出中加载不能这样做,那么建议如何这样做会很棒.
T.J*_*der 222
Origin null是本地文件系统,因此建议您加载load通过file:///URL 进行调用的HTML页面(例如,只需在本地文件浏览器或类似文件中双击它).不同的浏览器采用不同的方法将同源策略应用于本地文件.
我的猜测是你使用Chrome看到这个.Chrome将SOP应用于本地文件的规则非常严格,甚至不允许从与文档相同的目录中加载文件.Opera也是如此.其他一些浏览器(如Firefox)允许有限访问本地文件.但基本上,使用ajax与本地资源不能跨浏览器工作.
如果您只是在本地测试一些您将真正部署到Web上的内容,而不是使用本地文件,请安装一个简单的Web服务器并通过http://URL进行测试.这为您提供了更准确的安全图片.
Gok*_*ank 215
Chrome和Safari对使用ajax和本地资源有限制.这就是它抛出错误的原因
Access-Control-Allow-Origin不允许使用null.
解决方案:使用firefox或将数据上传到临时服务器.如果您仍想使用Chrome,请使用以下选项启动它;
--allow-file-access-from-files
有关如何将以上参数添加到Chrome的更多信息:右键单击任务栏上的Chrome图标,右键单击弹出窗口中的Google Chrome并单击属性,然后在"快捷方式"选项卡下的"目标"文本框中添加上述参数.它将如下所示;
C:\Users\XXX_USER\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files
希望这会有所帮助!
goz*_*lli 43
只是想补充一点,"运行一个网络服务器"的答案似乎相当令人生畏,但如果你的系统上有python(默认安装至少在MacOS和任何Linux发行版上),它就像下面这样简单:
python -m http.server # with python3
要么
python -m SimpleHTTPServer # with python2
因此,如果您将html文件myfile.html放在一个文件夹中mydir,那么您需要做的就是:
cd /path/to/mydir
python -m http.server # or the python2 alternative above
然后将浏览器指向:
http://localhost:8000/myfile.html
你完成了!适用于所有浏览器,无需禁用Web安全性,允许本地文件,甚至可以使用命令行选项重新启动浏览器.