Question

我在网页中包含一个名为test.html的HTML页面。如下：

@Configuration 
public class Config {

    @Bean(name = "redapple")
    public Apple redApple() {
        return new Apple();
    }

    @Bean(name = "greeapple")
    public Apple greenApple() {
        retturn new Apple();
    }

    @Bean(name = "appleCook")
    public Cook appleCook() {
        return new Cook("iron Fruit", redApple());
    }
    ...
}

我收到错误消息：

<head>
  <meta charset="utf-8">
  <title>load demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<b>Content I want to Include is here: </b>
<div id="success"></div>


<script>
$( "#success" ).load( "test.html", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#success" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

</body>
</html>

这个错误是什么意思？以及如何最好地解决它？

Answer 1

您可以使用 Angular js 来包含其他HTML文件

在这里阅读文档

https://docs.angularjs.org/api/ng/directive/ngInclude

示例：

<div class="container">
  <div ng-include="'filename.htm'"></div>
</div>

Answer 2

我同意上面的swornabsent和monxas。

此代码在上载和在服务器上查看页面时没有问题。

Answer 3

也许你可以试试：

将test.html的绝对路径作为参数并调试

Answer 4

唯一允许通过file：//协议进行ajax请求的浏览器是旧IE，由于安全问题而被删除。您的代码可以在任何Web服务器上运行，例如XAMPP或UWAMP。只需运行Uwamp，将你的项目放到www文件夹并打开http://localhost

Answer 5

简单的方法......

1＆GT;添加js文件并包含代码

    <script src="https://www.w3schools.com/lib/w3data.js"></script>

    <script> w3IncludeHTML();</script>

2 - ;只需像你的例子那样调用你的html文件

    <div w3-include-html="h1.html"></div>

使用jQuery在HTML页面中包含HTML页面

5 个答案: