javascript - XMLHttpRequest 无法加载

标签 javascript jquery html ajax

我知道这个问题已经被问过很多次了,我已经尝试了所有的解决方案但还是无法解决这个问题。

我是编程新手,想制作一个页面,通过 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 cannot load file:///C:/Users/Desktop/my_folder/home.html.

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

最佳答案

不幸的是,即使 HTML 存储在本地,也无法对本地资源调用 XMLHttpRequest。

这是因为您可以通过编程方式读取本地文件的内容并将它们发送到网络中,这是不允许的。

关于javascript - XMLHttpRequest 无法加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40458894/

相关文章:

javascript - JS 不会加载到 html 中

javascript - ASP.Net MVC 使用 jquery-form 插件上传文件并返回 Json 结果

javascript - jQuery 不添加或删除类

javascript - php 表单 html 按钮

jquery - 如何从 &lt;script&gt; 标记内的 AJAX 响应字符串中读取变量?

javascript - 元素在拖动后变得随机不可调整大小

php - 根据数组的索引显示不同的 HTML 元素

javascript - 保存扩展基类的类实例的 TypeScript 变量

javascript - 在输入 onChange 期间 react 改变父状态被卡住

javascript - 如何在 Angular 中检查数组中对象列表中的至少一个值是否为 true?