通过 Ajax 在本地脱机 HTML 文件中加载本地 CSV

Question

我正在构建本地html文件来处理csv日志数据并使用chart.js可视化该数据。此 html 文件将始终脱机使用。

但是在第一个障碍中，我似乎无法在对本地csv文件的ajax请求上取得成功。

file:///Users/joshmoto/Sites/charts-app/data/LOG-01.csv

100% CSV 文件存在于此本地位置。如果我通过控制台日志右键单击"在新选项卡中打开链接"，它会自动下载 csv，所以它肯定在这里。从理论上讲，我下面的代码不应该返回错误响应。

$.ajax({
url: "//Users/joshmoto/Sites/chart/data/LOG-01.csv",
dataType: "text",
success: function(data) {
alert("worked");
},
error: function (request, status, error) {
alert("broken");
}
});

我也尝试了数据类型POST和GET但仍然总是提醒我错误消息。

任何关于我出错的想法将不胜感激。

Answer 1

您无法请求该文件，因为出于安全原因，您的浏览器阻止了请求。不幸的是，您必须运行本地服务器才能访问文件或安装插件以允许跨源请求(D3.js - 从chrome加载csv文件( 或者，您可以在关闭安全措施的情况下运行浏览器 (对于 chrome 如何在"--allow-file-access-from-files"模式下使用 Chrome 启动 html？