【问题标题】:Reading Csv File with Javascript使用 Javascript 读取 Csv 文件
【发布时间】:2015-06-12 10:26:14
【问题描述】:

当我使用 d3 库从 javascript 读取 csv 文件时遇到问题。 问题是:

未捕获的网络错误:无法在“XMLHttpRequest”上执行“发送”:加载失败

这是我执行的代码:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.js"></script>
<script>
d3.csv("file:///C:/Users/xxxx/Desktop/Nuova/food.csv", function(data) {
console.log(data);
});
</script>
</body>
</html>

【问题讨论】:

  • 浏览器强制执行权限以防止从本地文件系统中读取文件。要改为托管页面,我建议使用 Python 的内置服务器。有关详细信息,请参阅 D3 文档:github.com/mbostock/d3/wiki#using
  • 好的!我会尝试使用python!谢谢!
  • 我用过 Python 但问题依旧!
  • 尝试为您的数据文件使用相对路径名,例如d3.csv("data/food.csv", function(data) {... 如果您将您的食物、csv 文件移动到名为“data”的文件夹中,该文件夹位于 python 的根目录中服务器
  • 谢谢!我解决了我的问题。我没有在服务器根目录中插入 .csv 文件!

标签: javascript csv d3.js


【解决方案1】:

你需要在本地服务器上运行它

您是否在本地服务器上运行请求?您只能在使用服务器时执行 http 请求。不是,例如只是在浏览器中打开文件。

edit:如,您需要运行本地服务器。我建议在 Windows 上使用 WAMP,或者使用来自 jetbrains 的 webstorm 之类的 IDE。

这是您的问题,您需要在本地服务器上运行它。

【讨论】:

  • 我使用 xampp 作为本地服务器。但它不起作用
  • 您确定服务器确实在运行吗?我在本地服务器上测试了您的代码,我得到的唯一错误是我没有该文件。 xmlhttp 请求工作正常...您可能正在运行服务器,但它可能位于错误的文件位置?它需要在 webroot 中,所以可能是 /www 文件夹。然后,您打开 127.0.0.1(或本地服务器所在的任何位置)。那么它应该可以工作。请尝试此操作并粘贴日志错误! :D
  • 谢谢!!!我没有在本地服务器的根目录中插入文件 .csv!现在我解决了我的问题!
  • 太棒了!这种成功的感觉很棒。如果我回答了您的问题,您介意标记为已回答吗? :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-02
  • 2018-05-24
  • 1970-01-01
  • 2011-10-28
相关资源
最近更新 更多