Question

我正在尝试从以下CSV数据中获取数据，这些数据在我的本地文件夹中为bids.csv：

1, 3000
4, 2500
15, 2000

放入数组。我正在使用jquery-csv库，但没有成功。

这是我的完整代码：

<html><head>
  <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
  <script src="jquery-csv.js"></script>
</head>
<body>
  <script type="text/javascript">
  data = $.csv.toArray('bids.csv');
  console.log(data)
  </script>
</body></html>

当我使用chrome浏览器访问JS控制台时，控制台中确实存在一个数组，但是似乎没有我要找的数据，而是 a huge amount of guff。我只能假设这是jquery-csv输出的默认数组，并且由于某种原因它没有读取我的csv。

Answer 1

发生此问题的原因是，您首先需要检索CSV文件，然后仅将其传递给viewRender: function(view, element) { $('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), ""); }插件。

按照plugin documentation：

$。csv.toArray（jQuery-csv）;

[...]

csv（必需）要转换的csv数据。

在您的问题中共享的代码将csv视为CSV数据。

假定可以从服务器访问文件（localhost可以正常工作）：

检索CSV数据的一种方法是发出Ajax GET请求，jQuery对此具有内置功能：jQuery.get。

解决方案将是：

bids.csv

这是读者的一项练习，目的是管理在文件检索或转换期间可能发生的错误。

如果您不想携带有些沉重的jQuery库，则可能要查看的其他库是：

papaParse
d3-request和d3-dsv

Answer 2

我可以看到您已将文件名添加到数组中。您需要使用FileReader读取文件，然后使用toArrays（）函数。

您可以看到示例here

使用jquery-csv将CSV放入数组

2 个答案: