Javascript 无法加载XMLHttpRequest_Javascript_Jquery_Html_Ajax

Javascript 无法加载XMLHttpRequest

javascript jquery html ajax

Javascript 无法加载XMLHttpRequest,javascript,jquery,html,ajax,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="jqu

我知道这个问题已经被问过很多次了，我已经找到了所有的解决方案，但都无法解决这个问题

我是编程新手，希望创建一个页面，通过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>

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

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

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

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

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

我已经找到了我问题的答案

我已将脚本更改为

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

函数加载_home（）{
document.getElementById（“内容”）.innerHTML=''；
返回false；
}

并在content div中调用此函数

感谢您的帮助：）

在Jquery最新版本中

。load（）

方法已被弃用@萨米尔：错误的方法。将某物加载到标记中的.load未被弃用。不推荐使用的是方法，而不是@mplungjan，在我提到的引用中，提到了

.load（）

方法，对吗

.on（“load”）

，是它的替代品。如果我错了，请告诉我。@Samir是的，这是“加载”快捷方式。加载-已被弃用的“加载事件”-OP正在查看.load（“文件”）而不是.load（“函数”）@mplungjan您给我的链接与我的问题无关，实际上我网站的场景是我有另一个页面home.html，我想在content div中加载。

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