Question

这是我的代码：

<script type="text/javascript">
   $(".link").click(function(){
   var id = this.id;

   if(id == 'b1'){
      $( "#conteudo" ).load( "teste.html", function(){
      alert('Carregou de boa !');
   });
   }      
   });
</script>

我的所有页面都在localhost中，我这样做只是为了学习这是 Chrome 在按 B1 按钮时给我的错误：

更新完整错误：

OPTIONS file:///E:/mypath/folder/page.html No 'Access-Control-Allow-Origin'   
header is present on the requested resource. Origin 'null' is therefore not allowed access.

Answer 1

如果您在本地执行此操作，请确保您通过http而不是file协议访问您的网页。

另外，为了确保您使用相同的来源，您可以将//添加到链接中，如下所示：

$( "#conteudo" ).load( "//teste.html", function(){

您可以在此处选择本地虚拟机网络服务器（Virtual Box）：http://virtualboxes.org/images/

Answer 2

Chrome仅对http {s}进行XMLHttpRequest。使用http://localhost代替file://localhost

Answer 3

如果安装了python，请运行SimpleHTTPServer：

python -m SimpleHTTPServer

如果您在网络文件所在的同一目录中执行此操作，您将以非常简单的方式运行网络服务器

XMLHttpRequest无法加载。在LocalHost上

3 个答案: