Question

我知道这个问题已被问过几次，但我遇到了这个问题。我想在index.html文件中添加otherpage.html的内容

我的index.html代码是

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $.get("otherpage.html", function (data) {
                $("#appendToThis").append(data);
            });
        });
    </script>
</head>
<body>
    <div id="appendToThis"></div>
</body>

我的otherpage.html代码是

<p>This is second page.</p>

当我打开Index.html时，我看到一个空白的白页。任何人都可以指出错误在哪里..谢谢你提前

Answer 1

这是另一个我认为正在寻找的问题：

How to load another html file using JS

此示例使用了其他人在此主题中提出的一些要点。它需要一个AJAX请求让JS读取文件，解析它，然后替换该信息。该示例使用onClick方法，但您应该能够使用任何您喜欢的方法（包括加载时）来执行定义的AJAX调用函数。

Answer 2

在网站或localhost上运行您的文件。通过文件协议的chrome浏览器禁用Ajax请求。

如果您真的想要运行它，可以尝试以下标志：chrome --allow-file-access-from-files

Answer 3

您的代码没问题，问题可能是：

默认情况下，浏览器无法通过ajax从系统加载文件，因此您必须在Web服务器中运行这些页面。您可以使用http-server，此服务器易于使用和安装，但首先您必须安装nodejs。
如果您在服务器上运行了这些页面，但仍然无法加载部分页面，那么您的部分页面网址可能不对。

Answer 4

试着希望它会起作用

<script type="text/javascript">
    $(function () {
       $("#appendToThis").load("otherpage.html");
    });
 </script>

通过jquery附加HTML文件失败

4 个答案: