对本地文件系统的 AJAX 请求在 Chrome 中不起作用？ [复制]

Question

我正在努力使用 jQuery 从 XML 动态创建 UI。我的 jQuery 在 Firefox 中运行，但在 Chrome 中却无法运行。它给了我这个控制台错误：

跨源请求仅支持以下协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

以下是我的 jQuery 代码，它可以在 Firefox 上运行，但不能在 Google chrome 上运行：

$.ajax({
    url: 'file:///home/satendra/dndExamples/avisDnD/file.xml',
    success: function(xml) {
        $(xml).find('Tab').each(function() {
            var id = $(this).attr('URL');
            var tab = $(this).attr('TabName');
            $("ul").append("<li><a href="+ id +">"+ tab +"</li>");
        });
    }
});

Answer 1

Firefox 允许该请求，因为它也接受来自本地文件系统的请求（即file:// 协议）。但是 Chrome 拒绝所有 XMLHttpRequests 到file:// url。

请注意，您不能在任一浏览器中从外部域向本地文件系统发出 AJAX 请求 - 如果可以的话，这将是一个大量安全漏洞。

要在 Chrome 中运行此 AJAX 请求，您需要向网络服务器发出请求。如果您使用的是 Windows，则可以在本地计算机上轻松安装 IIS 或 WAMP。

请注意，可以在 Google Chrome 中启用允许从浏览器向本地文件系统发出请求的设置，但使用它确实不是一个好主意。如果您决定继续执行此操作，可以在here 找到指南。