<input type="button" value="Load" id="load" />
<div id="file"></div>
$(document).ready(function(){
$('#load').click(function(){
$('#file').load('test.html',function(){
alert('File loaded');
});
});
});
它是在Mozilla Firefox浏览器工作正常...但在铬它给了一个错误“的XMLHttpRequest无法加载文件:/// d:/Tanveer%20Hussain/Jquery/test.html收到了无效响应产地‘空’因此。不允许访问”,在javscript控制台...
问题就是这样.load()的本地文件被阻止通过Chrome浏览器安全性的原因。 如果你正在使用它,它工作在服务器上,因为所有的文件来自同一个地方起源。
为了使本地工作版本,请尝试:
在Mac OS X,相当的Chrome,在终端中输入:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files
在Windows中,相当铬,请在命令提示符:
的chrome.exe --allow-文件访问从-文件(也许你本身必须有路径...我不这么认为。如果是这样,你必须自己找到它。)
在Linux中,相当浏览器,进入这样的事情到终端:
/usr/bin/google-chrome --allow-file-access-from-files
看来你正试图加载本地的文件,它会被阻止由于对跨域或本地文件访问浏览器限制
从运行网络服务器该文件。 您可以使用简单的Python服务器
python -m SimpleHTTPServer 8000
在浏览器中打开http://localhost:8000/page.html
(例如:page.html中是网页,其中负载'的test.html')
否则,你可以使用Chrome的标志所建议Ekansh Rastogi