Question

我试图在点击按钮时将存储在本地计算机上的文本文件加载到div

我的HTML

    <!DOCTYPE html>
<html>
<head>
    <title>Help</title>

    <script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>

    <script type="text/javascript" src="index.js"></script>

</head>
<body>

<button id="magic">Click me</button>

<div class="here"></div>

</body>
</html>

我的JavaScript

 $(document).ready(function() {

    $("#magic").click(function(){
        $(".here").load("helloworld.txt");
    });

});

我的文字文件

helloworld.txt，上面写着你好世界!!!!

我在检查员中得到的错误是：

jquery-3.1.1.min.js：4 XMLHttpRequest无法加载file：///home/justin/Code/test/helloworld.txt。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。

使用jQuery加载txt文件

0 个答案: