javascript - 在本地文件上使用 Javascript/jQuery 时权限被拒绝

Question

function publish(text) {
 $('#helpdiv').prepend(text);
}

function get_help(topic) {
  $.get(topic, publish);
}

<p>Hi. <a href="#" onclick="get_help('inline-help.html'); return false;">click here for more help.</a></p>
<div id="helpdiv"></div>

我继承了上面的这段 HTML 和 javascript(片段)。它是/将被用作本地帮助。目前它仅在线并且工作正常。但是，当我在本地复制文件时，我在 Internet Explorer 中收到“权限被拒绝”，而在 Chrome 中，当我“单击此处获取更多帮助”时，我没有做任何事情。它应该做的是从 inline-help.html 加载帮助内容并将其显示在 helpdiv div 中。现在更重要的是，如果我使用相同的文件并将它们复制到我 PC 上的 inetpub 并将它们加载为 http://localhost/hello.html它运行完美。

大概这是一个安全问题，“本地”区域不允许我从用户的 HD 中加载文件？但我不太确定发生了什么，想进一步了解这个问题并可能想出一个解决方法。

非常感谢任何见解。

Answer 1

不幸的是，jquery 的“get”使用 xmlHttpRequest，它不适用于本地文件。如果你真的需要能够异步获取本地数据(或来自不同域的数据)，你应该使用动态脚本标签。然而，这意味着数据文件必须重新格式化为 JSON 数据。