Question

帮助！

我有一个主页面（index.html）和一些部分页面（只是HTML文件）。我在点击导航栏中的链接时尝试将其中一个部分加载到我的index.html页面上的div中。我认为JQuery最适合这个，但部分永远不会加载，我收到此错误消息“仅支持协议方案的交叉源请求：http，数据，chrome，chrome-extension，https，chrome-extension-resource。”我不确定是什么导致了这一点 - 它看起来非常简单。这就是我所拥有的：

HTML：

  <head>
  <link rel="stylesheet" type="text/css" href="css/style.css"> 

       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>




</head>

 <body>

 <div id="nav">


    <ul>
    <li><a href="partials/art.html">art</a></li>

            <li><a href="partials/design.html">   design</a></li>

            <li><a href="#" id="load_illustration">   illustration</a></li>

            <li><img src="images/LOGO.png" height="150" width="160"    alt="logo"></li>

         <li><a href="partials/about.html">   about</a></li>

         <li><a href="">   cv</a></li>

         <li><a href="partials/contact.html">   contact</a></li>
         </ul>
       </div>

     <div id="include">

      </div>

   <script>
  $(document).ready(function(){
  $("#load_illustration").on("click", function(){
    $("#include").load("partials/illustration.html");
    });
   });


 </script>
 </body>
 </html>

Answer 1

看起来您从文件系统（file：///）运行代码。

您收到的错误消息说：“仅支持协议方案的交叉原始请求：http ...”。

这意味着，您应该使用本地Web服务器运行代码，例如，apache。

使用jquery将HTML部分加载到div中

1 个答案: