Question

我知道这个问题已被多次询问，我已经完成了所有解决方案，但无法解决问题。

我是编程新手，想要创建一个页面，通过java脚本在id为“content”的div中加载一些内容。

这是我的索引页

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="jquery-3.1.1.js"></script>
</head>
<body>
  <a href="#">home</a>
  <a href="#">about</a> 
  <div id="content">
   <script src="loader.js"></script>   
  </div>
</body>
</html>

这是我的loader.js

$(document).ready(function() {
    $('#content').load('home.html');
});

当我运行index.html时，我得到了

jquery-3.1.1.js：9536 XMLHttpRequest无法加载file：/// C：/Users/Desktop/my_folder/home.html。

所有文件都在名为my_folder的同一文件夹中。

Answer 1

不幸的是，无法将XMLHttpRequest调用到本地资源，即使HTML本地存储也是如此。

因为您可以以编程方式读取本地文件的内容并将其发送到Web，这是不允许的。

Answer 2

我找到了我的问题的答案

我已将脚本更改为

    function load_home(){
document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
return false;
}

并在内容div中调用此函数

感谢您的帮助：）

XMLHttpRequest无法加载

2 个答案: