为什么 Jquery 加载在 Firefox 中不起作用？

Question

我正在尝试使用 JavaScript(j Query) 将没有正文和 html 标记的导航页面添加到 html 页面。但它不工作。我尝试更改浏览器并使用 firefox、Crome 和 edge。但是没有用。

这是代码结构。

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <title>demo</title>
</head>

<body>

    <div id="content"></div>
    <script>
        $(document).ready(function() {

            $('#content').load("nav.html");

        });
    </script>


</body>

</html>

这个我也试过了

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <title>dem0</title>
<script>
    $(document).ready(function() {

        $('#content').load("nav.html");

    });
</script>
</head>

<body>
<div id="content"></div>
    
</body>

</html>

这是我的 nav.html 文件

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod tenetur beatae ex assumenda, 
non odit praesentium? Animi commodi, est veritatis quis perferendis at blanditiis? Nesciunt 
inventore aperiam odit sint est maiores quo esse facilis accusamus alias</p>

我哪里错了？

Answer 1

假设您从本地文件系统打开它并打开 devtools 控制台 - 您将看到这样的错误

Access to XMLHttpRequest at '<yourfolder>/nav.html' from origin
 'null' has been blocked by CORS policy: Cross origin
 requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, https.

这意味着您运行遇到了 CORS 问题 - 您可以阅读有关 here

的更多信息

为了使这项工作使用简单的 HTTP 服务器为其提供服务 - 我会建议类似服务 - https://www.npmjs.com/package/serve

如果您已经在使用 http 服务器，post 控制台错误。

祝你好运！

为什么 Jquery 加载在 Firefox 中不起作用？

why Jquery load is not working in firefox?

html

javascript

jquery

load

jquery-load