尝试使用 jquery 将代码从一个 html 文档"import"到另一个文档



我发誓我已经复制并粘贴了100个不同的东西,但什么都不起作用。

我有我的主要html文档test.html:

<html>
<head>
</head>
<body>
<header></header>
<div class='content'>some content</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'></script>
<script src="script.js"></script>
</body>
</html>

另一个html文档test2.html:

<p>this should show up if it works</p>

还有一个javascript文档script.js:

$(function() {
$("header").load("test2.html");
});

我的最终目标是获得一个navbar.html文档,该文档可以通过jquery被多个不同的html文档引用。在这里,我试图做一个非常简单的测试来让.load((函数工作。

当我加载test.html时,我希望看到test.html和test2.html中的文本,但我没有看到test2.html的文本。我做错了什么?

对于这种请求,您需要在服务器上运行,因为如果直接从html文件运行文件,您将获得CORS(跨源资源共享(。您可以在VisualStudio代码上使用LiveServer,也可以直接在apache服务器上运行您的相关代码。

如果我的第一个答案不起作用,你也可以看到这个链接https://medium.com/@dtkatz/3路-固定-计算机-错误-访问-控制-允许-原始工作-d97d55946d9

相关内容

最新更新