Question

<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中工作得很好......但是在Chrome中它给出了错误＆＃34; XMLHttpRequest无法加载file：/// D：/Tanveer%20Hussain/Jquery/test.html。收到无效回复。起源＆＃39; null＆＃39;因此，在javscript控制台中不允许访问＆＃34;

Answer 1

问题在于，出于安全原因，Chrome会阻止本地文件的.load（）。如果您在服务器上使用它，它可以工作，因为所有文件都来自同一个地方。

要在本地启用工作版本，请尝试：

在Mac OS X中，完全是Chrome，请输入终端：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

在Windows中，相当Chrome，请输入命令提示符：

chrome.exe --allow-file-access-from-files （也许你真的必须走这条道路......我不这么认为。如果是这样，你必须自己找到它。）

在Linux中，相当Chrome，在终端输入类似内容：

/usr/bin/google-chrome --allow-file-access-from-files

Answer 2

您似乎正在尝试加载本地文件，但由于浏览器限制跨域或本地文件访问，它将被阻止

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

python -m SimpleHTTPServer 8000

在浏览器http://localhost:8000/page.html中打开（例如：page.html是加载＆＃39; test.html＆＃39;的页面）

否则，您可以按照Ekansh Rastogi

的建议使用Chrome标记

Jquery load（）方法在chrome中不起作用

2 个答案: