如何使用jQuery加载将.txt文件中的内容显示到div中?

Eja*_*jaz 3 html jquery

我不知道我在哪里错了.我有一个div和一个button.

点击后button,我试图显示.txt文件中的内容div.

HTML:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div id='abc'>AA</div>
    <button id='bt'>Submit</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

JS:

$('#bt').click(function() {
    $('#abc').load('hello.txt');
})
Run Code Online (Sandbox Code Playgroud)

'hello.txt'文件位于文件所在的同一文件夹中.html.

什么都没有显示,我也没有任何错误.

Ted*_*Ted 5

你在当地工作吗?它可以工作,但是在测试时,你不会从本地驱动器获得结果,你需要一个真正的http服务器.不可见的错误是XMLHttpRequest错误.

  • 如果没有,你可以下载[Brackets](http://brackets.io/),这是一个很棒的**免费**IDE.当您单击他们的实时预览按钮(右上角的闪电箭头)时,它会设置一个本地主机等,您将看到它工作 - 但只有chrome.神奇的小编辑器,带有实时HTML/CSS更新(无需刷新浏览器). (2认同)