Jquery的load()方法在铬不工作(Jquery load() method not work

2019-10-20 09:46发布

<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控制台...

Answer 1:

问题就是这样.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


Answer 2:

看来你正试图加载本地的文件,它会被阻止由于对跨域或本地文件访问浏览器限制

从运行网络服务器该文件。 您可以使用简单的Python服务器

python -m SimpleHTTPServer 8000

在浏览器中打开http://localhost:8000/page.html (例如:page.html中是网页,其中负载'的test.html')

否则,你可以使用Chrome的标志所建议Ekansh Rastogi



文章来源: Jquery load() method not working in chrome
标签: jquery load